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

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

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

CSS Code复制内容到剪贴板

1.   

2.   

3.   

4.   

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.   

41.   

    •  

    • 网站主页HOME
      

    •  

    • 最新更新NEW
      

    •  

    • 下载排行TOP
      

    •  

    • 网站服务SERVICE
      

    •  

    • 用户留言GUESTBOOK
      

    •  

    • 联系我们CONTACT
      

      

42.   

43.   

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

当前标题：如何利用CSSspan实现双语菜单功能
标题链接：http://kswsj.cn/article/jpgooc.html