如何利用CSSspan实现双语菜单功能

本篇内容主要讲解“如何利用CSS span实现双语菜单功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何利用CSS span实现双语菜单功能”吧!

成都创新互联是一家集网站建设,邻水企业网站建设,邻水品牌网站建设,网站定制,邻水网站建设报价,网络营销,网络优化,邻水网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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

CSS Code复制内容到剪贴板

  1.   

  2.   

  3.   

  4. CSS实现的中英文双语菜单   

  5.   

  6. ul {   

  7.  list-style-type: none;   

  8. }   

  9. li {   

  10.  float: left;   

  11.  display: block;   

  12.  width: 100px;   

  13. }   

  14. a {   

  15.  font-size: 9pt;   

  16.  font-weight: bold;   

  17.  color: #006699;   

  18.  text-decoration: none;   

  19.  line-height: 12px;   

  20.  width: 100px;   

  21.  display: block;   

  22.  vertical-align: middle;   

  23. }   

  24. a:hover {   

  25.  line-height: 12px;   

  26.  color: #FF9900;   

  27.  text-decoration: none;   

  28. }   

  29. #enFont{   

  30.  font-size: 10px;   

  31.  color: #999999;   

  32.  width: 100px;   

  33.  font-family: Verdana, Arial, Helvetica, sans-serif;   

  34.  line-height: 10px;   

  35. float:left;   

  36. }   

  37. span{margin:0px;padding:0px;}   

  38.   

  39.   

  40.   

    •   

    •  

    • 网站主页HOME
    •   

    •  

    • 最新更新NEW
    •   

    •  

    • 下载排行TOP
    •   

    •  

    • 网站服务SERVICE
    •   

    •  

    • 用户留言GUESTBOOK
    •   

    •  

    • 联系我们CONTACT
    •   

      

  41.   

  42.   

到此,相信大家对“如何利用CSS span实现双语菜单功能”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网站名称:如何利用CSSspan实现双语菜单功能
URL标题:http://hbruida.cn/article/jpgooc.html