利用CSS span实现双语菜单的方法教程

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

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.