浏览主站 | 站长工具 | 新闻资讯 | 站长学院 | 站长盈利 | HTML教程 | 网址导航 | 站长周刊 | 会员投稿 | 滚动新闻 | RSS
发新话题
打印

[Web开发] 鼠标移到图片给图片加边框的CSS代码

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

<!-- 把下列代码加入到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.webjx.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>

TOP

发新话题