【伪类】测试图片变化

虽然通过搜索可以解决了,但是发现无法应用于本站上面!

<!DOCTYPE HTML>
<html>
<head>

<style>

.div{

background:url(https://gdp.alicdn.com/imgextra/i1/66280588/TB2198VXp95V1Bjy0FfXXXvlFXa_!!66280588.jpg) no-repeat;

width:500px;

height:500px;

}

.div:hover{

background:url(https://gdp.alicdn.com/imgextra/i4/66280588/TB2o0vBtpXXXXcEXXXXXXXXXXXX_!!66280588.jpg) no-repeat;

display:block;

width:500px;

height:500px;

 

}

</style>
</head>
<body>
<div class=”div”></div>
</body>
</html>

发布者

ChiuYut

咦?我是谁?这是什么地方? Ya ha!我是ChiuYut!这里是我的小破站!

发表评论

电子邮件地址不会被公开。 必填项已用*标注