设为首页
收藏本站
开启辅助访问
请
登录
后使用快捷导航
没有帐号?
立即注册
首页
课程设置
平面设计
室内设计
机械设计
园林景观设计
影视后期制作
论坛
老师加盟
登录
|
注册
搜索
搜索
本版
帖子
用户
快捷导航
室内设计学院
论坛
BBS
论坛
›
学院
›
平面设计学院
›
关于伪类选择器的问题
返回列表
yuanxi52028
0
主题
167
帖子
167
积分
注册会员
注册会员, 积分 167, 距离下一级还需 33 积分
注册会员, 积分 167, 距离下一级还需 33 积分
积分
167
加为好友
发送消息
访问家园
1
592
电梯直达
[提问]
关于伪类选择器的问题
朱文强jude
|
中级会员
|
勤币 132
|
学币 0
发表于 2017-8-10 21:59
|
复制链接
|
打印
|
上一主题
|
下一主题
Dreamweaver CC零基础入门教程
-
5.9 导航条案例及伪类选择器
<!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
点赞
26
哪些同学觉得很赞!
lori棒棒糖
觉得很赞
昵昵妹
觉得很赞
潜意式
觉得很赞
龙猫1212
觉得很赞
大大大表哥
觉得很赞
依仔101
觉得很赞
西卡
觉得很赞
一品数码
觉得很赞
热爱生活热爱家
觉得很赞
我叫大帅比
觉得很赞
举报
使用道具
|
回复
共1个回复 最后回复于 2017-8-12 08:47
yuanxi52028
积分
167
0
主题
167
帖子
167
积分
注册会员
注册会员, 积分 167, 距离下一级还需 33 积分
注册会员, 积分 167, 距离下一级还需 33 积分
积分
167
加为好友
发送消息
访问家园
yuanxi52028
注册会员
勤币 614
学币 0
沙发
发表于 2017-8-12 08:47:16
|
只看该作者
visited 对盒子没有用的,对超级链接才有用
你这个样式写的是 控制的DIV 没有控制 a
课程里老师也有讲哦。
删除注释就在下面那个图标 你试试
举报
使用道具
回复
支持
反对
返回列表
B
Color
Image
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表