推荐阅读
Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标>>>详细阅读
本文标题：鼠标指向网页图片时图片周围显示虚线框
地址：http://www.17bianji.com/kaifa2/CSS/16827.html
1/2 1
鼠标指向网页图片时图片周围显示虚线框
作者： 来源：www.28hudong.com 2012-11-19 22:34:04 阅读次 我要评论
图片边框变换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=gb2312" />
<title>图片边框变换 CSS Hover状态效果</title>
<style type="text/css">
<!--
h1 {text-align:center;margin-top:50px;}
p#outer {
margin:0 auto;
width:286px;
}
#outer a {
margin:0px;
display:block;
position: relative;
border:1px solid #069;
}
#outer a:hover {border:1px dashed #c00;}
#outer img {display:block;border:none;background:#EE9309;}
-->
</style>
</head>
<body>
<h1>将鼠标移至图片，将看到此效果。</h1>
<p id="outer"><a href="/"><img width=284 src="http://www.jb51.net/images/logo.gif" alt="www.jb51.net" /></a>
</p>
</body>
</html>
提示：您可以先修改部分代码再运行
关键词： 探索发现
乐购科技部分新闻及文章转载自互联网，供读者交流和学习，若有涉及作者版权等问题请及时与我们联系，以便更正、删除或按规定办理。感谢所有提供资讯的网站，欢迎各类媒体与乐购科技进行文章共享合作。
网友点评
精彩导读
科技快报
品牌展示© 2013-2016 IT技术 京ICP备11016124号-4
京公网安备 11011202000261号