菜单

设置边距和字体颜色再加局部背景颜色就可以做成一个菜单

代码如下：

 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>