八零秀设计论坛 - 秀出你的精彩 » 综合素材分享 » ccs 图片边框 效果

wazjj 发表于 2008-6-4 11:01

ccs 图片边框 效果

效果是鼠标放在上面时会出现蓝色边框

css:

a.v2:hover {color: #FFF;}    /* 鼠标没有移动到时边框的颜色 这里设置的是白色 背景白色时看不到 */
a.v2 img {padding:1px;}   /* 边框到图片的距离 */
a.v2:link img, a:visited img {border:1px white solid;}    /* 边框到图片的填充色 */
a.v2:hover img,a:active img{ border:1px #57BADF solid;}  /* 鼠标到图片时边框的颜色 */


html:
<a href="#" class=v2>图片</a>

[[i] 本帖最后由 wazjj 于 2008-6-4 11:30 编辑 [/i]]

海宇沙尽 发表于 2008-6-4 11:42

[80diy007] 很实用,谢了..

lingling 发表于 2008-6-4 15:20

支持.好东东[80diy061]

jianjun 发表于 2008-6-4 16:38

[80diy063]

chaomian 发表于 2008-6-13 13:50

[80diy083]

無梦 发表于 2008-8-8 13:34

[80diy091]好东西

查看完整版本: ccs 图片边框 效果