| web | 您所在的位置：网站首页 › html怎么让无序列表横向排列出来 › web |
web
|
web——CSS水平导航栏（无序列表、伪类的用法）
一、无序列表二、伪类三、完整示例
一、无序列表
li {
float: left; //使li标签水平排列
width: 100px; //li标签宽度
height: 20px; //li标签高度
margin: 2px; //外边距
list-style:none; //去掉原生li标签前面的圆点
text-align: center; //li标签文字居中
background: palegreen; //背景颜色
}
二、伪类
/* 未访问的链接 */
a:link {
color: #FF0000;
}
/* 已访问的链接 */
a:visited {
color: #00FF00;
}
/* 鼠标悬停链接 */
a:hover {
color: #FF00FF;
}
/* 已选择的链接 */
a:active {
color: #0000FF;
}
注意：a:hover 必须在 CSS 定义中的 a:link 和 a:visited 之后，才能生效！a:active 必须在 CSS 定义中的 a:hover 之后才能生效！伪类名称对大小写不敏感。 三、完整示例鼠标放上去会变色 |
【本文地址】
公司简介
联系我们