*{
margin: 0;
padding: 0;
}
.clear{
clear: both;
}
ul{
width: 700px;
height: 30px;
border: 1px solid black;
margin: 20px auto;
}
li{
width: 100px;
height:30px ;
float: left;
list-style: none;
/* 水平居中 */
text-align: center;
/* 垂直居中 等于行高 */
line-height: 30px;
}
ul li a{
/* a标签是行内元素 这里转换为块级元素可以设置长宽高 */
/* 转换为块级元素独占一行,独占的是父容器li的一样,而不是body的一行 */
display: block;
text-decoration: none;
}
/* 默认状态 */
ul li a:link,a:visited{
color: white;
background-color: #00FF00;
color: white;
}
/* 悬停状态 */
a:hover{
color: orange;
background-color: #CC3399;
font-weight: bold;
}
/* 点下超链接还没松开鼠标的状态 */
a:active{
color:brown
}
网站栏目网站栏目网站栏目网站栏目网站栏目网站栏目网站栏目
一键复制
编辑
Web IDE
原始数据
按行查看
历史