css中hover属性

hover可以实现css中鼠标悬停时对应标签过渡效果。

使用方式如下：

<!DOCTYPE html>
<html>
<head>
<style>
.text{
　　background-color:red;
　　color:black;
}
.text:hover
{
　　color:black;
　　background-color:yellow;
　　transition:all .5s ease-in 0s;
}
</style>
</head>
<body>

<div class="text">
　　测试
</div>


</body>
</html>

 

posted on 2018-03-01 16:56  任性的大萝卜  阅读(1402)  评论(0)  编辑  收藏  举报

导航