您的位置：首页 > Web前端 > CSS

HTML与CSS基础之伪类选择器(三)

2017-03-13 16:13 716 查看

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
a:hover {
color: aquamarine;
} //鼠标移入改变颜色
a:active {
color: deeppink;
} //按住鼠标点击改变颜色
a:visited {
color: darkviolet;
} //被访问后改变颜色
p::-moz-selection {
background-color: greenyellow;
}

p::selection {
background-color: greenyellow;
} //文本被选中的时候改变背景色
input:focus {
background-color: #FF1493;
} //输入框获取焦点改变背景色
</style>
</head>

<body>
<a href="http://www.baidu.com">已打开百度</a>
<a href="http://www.sougou.com">未打开搜狗</a>
<p>我是一个段落</p>
<input type="text" name="" id="" value="" />
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航