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>
第四十四节 导航栏
猜你喜欢
转载自www.cnblogs.com/kogmaw/p/12423857.html
今日推荐
周排行