导航条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> 导航条 </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <style>

    body,div,ul,li{

padding:0px;

margin:0px;

}

#nav{

width:960px;

height:35px;

background:#CCC;

margin:auto;

margin-top:30px;

}

#nav ul{

width:960px;

height:35px;

list-style:none;

}

#nav ul li{

float:left;

line-height:35px;

margin-right:1px;

text-align:center;

}

 

 

#nav ul li a{

display:block;

height:35px;

color:#333;

font-size:12px;

padding:0 10px;

text-decoration:none;

float:left;

}

#nav ul li a:hover{

display:block;

height:35px;

color:#fff;

font-size:12px;

padding:0 10px;

background:#000;

}

  </style>

 </head>

 

 <body>

<div id="nav">

<ul>

<li><a href="#">W3Cfuns</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>

 

你可能感兴趣的:(导航)