console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>边框</title>
    <style type="text/css">
       *{
         margin:0;
         padding:0;

       }

       body{
         background:url(timg.jpg);
       }
       ul{
         list-style:none;
       }

      .nav{
        width: 960px;
        height: 40px;
        margin: 100px auto;
      }

      .nav ul li{
        float:left;
        width:120px;
        height:40px;
        line-height:40px;
        text-align:center;
        background:url(123.jpg) repeat-x;
      }

      .nav ul li a{
        width:120px;
        height:40px;
        <!-- 让行内元素变成块级元素 -->
        display: block；

      }

      .nav ul li a:link,.nav ul li a:visited{
        text-decoration:none;
        color:white;
      }


      .nav ul li a:hover{
        background-image:url('1231.jpg');
      }

    </style>
  </head>
  <body>
   <div class="nav">
     <ul>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
       <li><a href="#">网站栏目</a></li>
     </ul>
   </div>
  </body>
</html>