如何利用CSS span如何实现双语菜单的方法好代码教程

夏夜，天上缀满了闪闪发光的星星，像细碎的流沙铺成的银河斜躺在青色的天宇上。大地已经沉睡了。我任了性，纵容思念开成一片海，定格成回忆里抹不去的风景。太阳把大海映红了，好像得大海披上了一层红纱。

　　主要是用CSS的span标签来实现，其实看了代码你会觉得，原来实现双语菜单如此简单。

CSS Code复制内容到剪贴板

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""https://www.haodaima.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="https://www.haodaima.com/1999/xhtml">
<head>
<title>CSS实现的中英文双语菜单</title>
<styletype="text/css">
ul{
list-style-type:none;
}
li{
float:left;
display:block;
width:100px;
}
a{
font-size:9pt;
font-weight:bold;
color:#006699;
text-decoration:none;
line-height:12px;
width:100px;
display:block;
vertical-align:middle;
}
a:hover{
line-height:12px;
color:#FF9900;
text-decoration:none;
}
#enFont{
font-size:10px;
color:#999999;
width:100px;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:10px;
float:left;
}
span{margin:0px;padding:0px;}
</style>
</head>
<body>
<ul>
<li><arel="nofollow noopener noreferrer" href="/">网站主页</a><spanid="enFont">HOME</li>
<li><arel="nofollow noopener noreferrer" href="/">最新更新</a><spanid="enFont">NEW</li>
<li><arel="nofollow noopener noreferrer" href="/">下载排行</a><spanid="enFont">TOP</li>
<li><arel="nofollow noopener noreferrer" href="/">网站服务</a><spanid="enFont">SERVICE</li>
<li><arel="nofollow noopener noreferrer" href="/">用户留言</a><spanid="enFont">GUESTBOOK</li>
<li><arel="nofollow noopener noreferrer" href="/">联系我们</a><spanid="enFont">CONTACT</li>
</ul>
</body>
</html>

以上就是如何利用CSS span如何实现双语菜单的方法好代码教程。俗话说：退一步海阔天空；可俗话又说：狭路相逢勇者胜！做人做事不要太处处逼人，给别人方便就是给自己方便，但是与到欺人太甚的也不要过于谦让，那会让他更嚣张，要有勇有谋，才是真英雄。更多关于如何利用CSS span如何实现双语菜单的方法好代码教程请关注haodaima.com其它相关文章！

全站频道

大家都在搜索：