快捷导航
发新帖
返回列表
1 623
电梯直达  跳转到指定楼层

[提问] 关于伪类选择器的问题

朱文强jude|中级会员 |勤币 132 |学币 0
发表于 2017-8-10 21:59 | 复制链接 | 打印 | 上一主题 | 下一主题
<!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>



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
举报 使用道具
| 回复

共1个回复 最后回复于 2017-8-12 08:47

勤币 614   学币 0  
沙发
发表于 2017-8-12 08:47:16 | 只看该作者
visited 对盒子没有用的,对超级链接才有用
你这个样式写的是 控制的DIV 没有控制 a
课程里老师也有讲哦。

删除注释就在下面那个图标 你试试
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表