妙意网首页
|
素材
|
壁纸
|
美女
|
欣赏
设为首页
|
加入收藏
素材
矢量
高清图片
字体
PPT
PSD
网页模板
FLASH
3D
图标
脚本代码
热门搜索
：
全站
素材
壁纸
美女
欣赏
图片边框变换CSS Hover状态效果一例
类别：
素材
-
脚本代码
-
特效代码
-
图片特效
2016/4/12
<style type="text/css"> <!-- h1 {text-align:center;margin-top:50px;} p#outer { margin:0 auto; width:202px; } #outer a { margin:0px; display:block; position: relative; border:1px solid #008800; } #outer a:hover {border:1px dashed #ff6600;} #outer img {display:block;border:none;background:#008800;} --> </style> 将鼠标移至图片，将看到此效果。 <p id="outer"><a href="http://www.lanrentuku.com/"><img src="http://www.lanrentuku.com/lanren/jscode/js-0012/images/02.jpg" alt="看到效果了吗？" /></a></p> <p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。
我们可能会经常用到此效果，在传统的做法中，这一效果的实现是比较困难或繁琐的，现在通过CSS实现鼠标移至图片，边框发生变换的效果，是非常容易的。
标签：
下载地址：
[大小:]
下载说明：
本站所有素材资源仅供学习与参考，版权为原作者所有，请勿用于商业用途，否则所产生的一切后果将由您自己承担！
极速下载支持各类多线程下载工具(迅雷)、浏览器(360浏览器)等，适合较大文件的下载！
其他普通下载点限制多线程，仅允许直接点击下载的单线程下载方式，适合较小的文件下载！
站内素材资源如有侵犯您的版权，请及时联系我们处理。
相关素材
热门搜索
：
全站
素材
壁纸
美女
欣赏
提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。
