一, 关于伪类,可以直接去W3C官方网站中看看它有什么属性,这里就只举例两个.
<html>
<head>
<meta charset="UTF-8">
<title>伪类的介绍</title>
<style>
div {
color: darkcyan;
background-color: darkseagreen;
font-size: 30px;
}
/*伪类 1: 只要点击就会变形,松开即还原*/
div:active {
color: darkslategrey;
background-color: yellow;
font-size: 30px;
width: 100;
height: 500;
}
/* 伪类 2: 鼠标移动到所在区域就会变形*/
/*div:hover {*/
/*color: darkslategrey;*/
/*background-color: yellow;*/
/*font-size: 30px;*/
/*width: 100;*/
/*height: 500;*/
/*}*/
</style>
</head>
<body>
<div>当你爱上编程以后你就会忘记你没有女朋友这回事尔,至少现在我已经记不清我女朋友长什么样儿了</div>
</body>
</html>
- 总结 :
根据不同的样式需求,可以直接在页内样式添加伪类属性(格式是:"标签类型 : 伪类属性{})
