使用伪类改变div的背景颜色
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div.center{
width:400px;
background-color:green;
text-align:center;
padding:5px;
}
div:hover{
background-color:blue;
}
</style>
</head>
<body>
<h1>伪类改div颜色</h1>
<p>请把鼠标移到下面的div元素上来改变其背景色。</p>
<div class="center"><p>把鼠标移到我上面</p></div>
</body>
</html>
运行效果：
评论