div的话写个js事件吧。
css的 box-shadow:0 0 15px 5px #6cf这个属性你加上先看看效果是不是你要的那种。
<style>.demo {
width: 200px
height: 200px
border: 1px solid #ccc
}
.active {
background: red
}
</style>
<body>
<div class="demo"></div>
<div class="demo"></div>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$('.demo').hover(function () {
$(this).addClass("active")
console.log(1)
}, function () {
$(this).removeClass("active")
console.log(2)
})
</script>
</body>
没有其它要求的话,上面是用JQ实现的。
你是想鼠标滑过的时候显示紫色,还是有链接的就显示紫色??鼠标滑过的 a:hover{ color:#d800ff}
有链接的 a{ color:#d800ff}