页码1中用.active设置color是白色为什么显示的仍是黑色
页码1中用.active设置color是白色为什么显示的仍是黑色
4 回答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页码的制作</title>
<style>
/*在此定义相关CSS样式*/
* {
margin: 0;
padding: 0;
font-size: 12px;
}
.page {
height: 40px;
margin-top: 10px;
text-align: center;
}
.page a {
display: inline-block;
border: 1px solid #E8E8E8;
text-decoration: none;
margin: 5px;
padding: 5px 10px;
}
.page a:link, .page a:visited {
color: #000;
}
.page a:hover, .page a:active {
color: #FFF;
background-color: #cc1b1b;
}
.active {
background-color: #cc1b1b;
color: #FFF;
}
</style>
</head>
<body>
<!--在此制作页码的基本结构-->
<div class="page"> <a href="#">首页</a><a href="#"><</a><a href="#" class="active">1</a><a href="#">2</a><a href="#">3</a><a href="#">…</a><a href="#">></a><a href="#">末页</a> </div>
</body>
</html>
举报
0/150
提交
取消
