鼠标经过图片显示边框的CSS代码

网页制作 发布日期:2025/1/2 浏览次数:1

正在浏览:鼠标经过图片显示边框的CSS代码

参考鼠标经过一个链接显示下划线:

复制代码代码如下:
a.doubleLeft:hover
{
text-decoration:underline;
}

先设置一张图片的初始属性:

复制代码代码如下:
.pcStyle
{
border: 2px solid #FFFFFF;
margin: 1px;
height: 79px;
}

再设置鼠标经过时的属性:

复制代码代码如下:
img.pcStyle:hover
{
border: solid 2px #FAAF50;
margin: 1px;
height: 79px;
}