css3鼠标经过特效 |css能给边距加颜色吗

/*当鼠标经过该元素时，文字变色的效果*/
p:hover {
color: red;
}
/*当鼠标经过该元素时，元素背景色渐变的效果*/
p:hover {
background: linear-gradient(to bottom right, red, yellow);
}
/*当鼠标经过该元素时，元素透明度逐渐减小的效果*/
p:hover {
opacity: 0.5;
transition: opacity 0.5s; /*设置过渡效果，时长为0.5秒*/
}
/*当鼠标经过该元素时，元素旋转的效果*/
p:hover {
transform: rotate(180deg); /*旋转180度*/
transition: transform 0.5s; /*设置过渡效果，时长为0.5秒*/
}
/*当鼠标经过该元素时，元素放大的效果*/
p:hover {
transform: scale(1.5); /*放大1.5倍*/
transition: transform 0.5s; /*设置过渡效果，时长为0.5秒*/
}
/*当鼠标经过该元素时，元素边框变色的效果*/
p:hover {
border: 2px solid red;
}
/*当鼠标经过该元素时，元素阴影变化的效果*/
p:hover {
box-shadow: 0 0 10px 5px red; /*设置阴影，由内向外宽度为0，颜色为red，模糊程度为10px，阴影扩散半径为5px*/
}

以上是几种常见的鼠标经过特效，可以根据实际需求自由组合使用。当然，过多的动画效果会影响网页的加载速度，需要根据情况合理使用。