本连载分三节讲述如何利用 CSS 打造一个符合标准、兼容各浏览器(IE6 除外、IE7 可以)的导航菜单。
菜单内容全部使用 ul,利用 CSS 将 ul 变成需要的样式,本节讲述最简单的:如何把原本竖着的 ul 横着显示。
其实很简单,就是对 li 使用样式 display:inline;,也可以使用 float:left,但在兼容性方面相对来说要复杂一些。
千一网络 - 网页技术 永无止境body
{
line-height:150%;
font-size:13px;
}
ul
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:1px solid #009999;
background-color:#FFFFFF;
list-style-type:none;
}
a:link
{
font-size:13px;
text-decoration:none;
}
a:hover
{
font-size:13px;
text-decoration:none;
}
a:visited
{
font-size:13px;
text-decoration:none;
}
/*========================================*/
/*========================================*/
.nav .navItem
{
display:inline;
}
网页内容
[Ctrl+A 全部选择 提示:您可先修改部分代码,再按运行]
相关阅读