一, 关于伪类,可以直接去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>
- 总结 :
根据不同的样式需求,可以直接在页内样式添加伪类属性(格式是:"标签类型 : 伪类属性{})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
