首页 > 网站 > WEB开发 > 正文

鼠标移到图片给图片加边框的CSS代码

2024-04-27 13:57:09
字体:
来源:转载
供稿:网友

<!-- 把下列代码加入到head区内 -->
<style>

.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 1px solid navy;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

</style>


<!-- 把下列代码加入到body区内 -->
<a href="http://www.vevb.com/" class="highlightit"><img border="0" src="/img/200406302.jpg"></a>
<a href="http://www.google.com/" class="highlightit"><img border="0" src="/img/200406301.jpg"></a>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表