鼠标指向网页图片时图片周围显示虚线框

大中小文章来源：中国互联更新时间：2011-8-18 14:30:33

图片边框变换CSS Hover状态效果，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片边框变换 CSS Hover状态效果</title> <style type="text/css">  </style> </head> <body> <h1>将鼠标移至图片，将看到此效果。</h1> <p id="outer"><a href="/"><img width=284 src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" alt="www.webjx.com" /></a> </p> </body> </html>

[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]

版权说明:本站原创文章,由中国互联 SEO优化发表.
本文地址:https://www.hulian.top/zixun/post/4054.html

分享到：QQ空间新浪微博腾讯微博微信百度贴吧百度空间搜狐微博