纯css打造菜单响应,纯 CSS 打造标准的导航菜单－1

本连载分三节讲述如何利用 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 全部选择 提示：您可先修改部分代码，再按运行]

相关阅读