导航菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="c.css">
</head>

<body>
<div id="banner">
  <ul>
 <li><a href="#">home</a></li>
 <li><a href="#">link</a></li>
 <li><a href="#">product</a></li>
 <li><a href="#">phone</a></li>
 <li><a href="#">cat</a></li>
 <li><a href="#">about</a></li>
  </ul>
</div>
</body>
</html>

 

#banner{
   height:30px;
   background:#ab0;
}
ul{
  list-style:none;
}
ul li{
  float:left;
  width:100px;
  margin-right:10px;
  text-align:center;
  border-right:1px solid black;
  padding-top:5px;
  height:25px;
}

a:link { font-size: 14pt; text-decoration: none; color: blue; }

 

posted @ 2013-12-19 13:43  birdlow  阅读(107)  评论(0)    收藏  举报