第四十四节 导航栏 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>导航栏</title>
 6     <style type="text/css">
 7         .menu{
 8             list-style: none;
 9             margin: 50px auto 0;
10             width: 958px;
11             height: 40px;
12             border: 1px solid #666;
13             font-size: 0;
14             text-align: center;
15         }
16 
17         .menu li{
18             display: inline-block;
19             margin: 0;
20             padding:0;
21             font-size: 14px;
22         }
23 
24         .menu li a{
25             padding:0;
26             text-decoration: none;
27             line-height: 40px;
28             color: #000;
29             margin: 0 20px;
30         }
31 
32 
33     </style>
34 <body>
35     <div class="menu">
36         <li><a href="#">公司简介</a></li>
37         <li><span>|</span></li>
38         <li><a href="#">公司简介</a></li>
39         <li><span>|</span></li>
40         <li><a href="#">公司简介</a></li>
41         <li><span>|</span></li>
42         <li><a href="#">公司简介</a></li>
43         <li><span>|</span></li>
44         <li><a href="#">公司简介</a></li>
45         <li><span>|</span></li>
46         <li><a href="#">公司简介</a></li>
47         <li><span>|</span></li>
48         <li><a href="#">公司简介</a></li>
49     </div>
50 </body>
51 </html>

 

posted @ 2020-03-05 23:31  kog_maw  阅读(122)  评论(0)    收藏  举报