用CSS编写一个网页导航栏

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

列表标签:

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

}

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航