<style type="text/css">
     .nav{width:100%;}
 .nav ul{list-style:none;}/*父元素 +空格+子元素*/
 .nal li{
     width:120px;
 float:left; /*浮动*/
 text-align:center;
 font-weight:bold;
 }
 .nav li a{padding:8px 15px;}
 .nav li a:link{  /*未访问超链接样式*/
    color:#333;
font-size:13px;
 }
  .nav li a:visited{ /*单击访问的超链接样式*/
    color:#6600CC;
font-size:13px;
 }
  .nav li a:hover{  /*鼠标悬停的超链接样式*/
    color:#009900;
font-size:20px;
 }
 .nav li a:active{   /*鼠标单击未释放的超链接样式*/
    color:#CC00FF;
font-size:13px;
 }
 
  </style></head>
 <body>
    <div class="nav">
   <ul>
      <li><a href="#">家电电器</a></li>
  <li><a href="#">手机数码</a></li>
  <li><a href="#">日用百货</a></li>
   </ul>
</div>
 </body> <!--nav end-->
(运行结果没有显示横排..请大家帮忙..先谢谢了..)