用CSS编写一个网页导航栏

列表标签:

<ul id=”bar”>

    <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>

相应CSS:

#bar{

list-style:none;

}

#bar li{

float:left;

}

#bar li a{

float:left;

padding:7px 10px;

border:1px solid #444;

margin:5px;

background-color:#666;

color:#C00;

}

#bar li a:hover{

color:#CF0;

background-color:#444;

}