论坛

标题: 关于伪类选择器的问题 [打印本页]

作者: 朱文强jude 时间: 2017-8-10 21:59
标题: 关于伪类选择器的问题
[attach]102469[/attach]<!doctype html><html>
<head>
<meta charset="utf-8">
<title>伪类选择器</title>
<style type="text/css">
.box1 {
width: 180px;
height: 70px;
background: #236177;
text-align: center;
line-height: 70px;
color: aliceblue;
}
.box1:hover {
width: 400px;
height: 200px;
background: #800002;
}
.box2 {
width: 150px;
height: 30px;
background: #13B900;
font-family: "微软雅黑";
color: #F8FF00;
text-align: center;
line-height: 30px;
}
.box2:visited {
width: 150px;
height: 30px;
background:#FF0004;
font-family: "微软雅黑";
color: #F8FF00;
text-align: center;
line-height: 30px;

}
.box2:hover {
width: 150px;
height: 30px;
background: #086F0A;
font-family: "微软雅黑";
color: #F8FF00;
text-align: center;
line-height: 30px;
}
.box2 a {
color: #FFF500;
text-decoration: none;
font-family: "微软雅黑"
}

</style>
</head>

<body>
<div class="box1" >这是一个盒子</div>
<br>
<div class="box2"><a href="https://www.baidu.com">提交按钮</a></div>
</body>
</html>

作者: yuanxi52028 时间: 2017-8-12 08:47
visited 对盒子没有用的，对超级链接才有用
你这个样式写的是控制的DIV 没有控制 a
课程里老师也有讲哦。

删除注释就在下面那个图标你试试

欢迎光临论坛 (http://bbs.qinxue.com/)