设置边距和字体颜色再加局部背景颜色就可以做成一个菜单
代码如下：
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>菜单</title> 6 <style> 7 body{ 8 margin:0px; /**设置边距*/ 9 10 11 } 12 li{ 13 color:#fff;/**设置字体颜色*/ 14 display:inline;/**将多行显示换成一行显示*/ 15 padding-right:20px;/**设置右边距*/ 16 } 17 .nav{ 18 padding-top:15px;/**设置上边距*/ 19 padding-bottom:15px;/**设置下边距*/ 20 background-color:#333;/**字体颜色*/ 21 } 22 </style> 23 </head> 24 <body> 25 <div class="nav"> 26 <li>java</li> 27 <li>css</li> 28 <li>html</li> 29 <li>jqeury</li> 30 </div> 31 </body> 32 </html>