CSS+DIV设计实例：Hover over下的边框变_css

<!DOCTYPE <a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/html" title="html" rel="nofollow" target="_blank">html</a> PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/TR/x" rel="nofollow">http://www.w3.org/TR/x</a><a href="https://www.gaodaima.com/tag/html" title="查看更多关于html的文章" target="_blank">html</a>1/DTD/xhtml1-transitional.dtd”><html xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”><head><title>Untitled" rel="nofollow">http://www.w3.org/1999/xhtml”><head><title>Untitled</a> Document</title><meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ /><style type=”text/<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/css" title="css" rel="nofollow" target="_blank">css</a>“>p#outer { position:relative; float:left; margin-top:20px; margin-left:20px; background: blue; }#outer a {margin:0; background-color:blue;display:block;position: relative; border:2px dashed red;}#outer a:hover {border:2px dashed #CCFFCC;}#outer img {display:block;border:none;background:#ffffcc;padding:4px;}</style></head><body><h1>Hover over the image to see the double border effect</h1><p id=”outer”><a href=”#”><img src=”<a href="http://www.pmob.co.uk/temp/images/screenanother3col.gif&#8221" rel="nofollow">http://www.pmob.co.uk/temp/images/screenanother3col.gif&#8221</a>; alt=”example image border” width=”150″ height=”86″ /></a> </p></body></html><script language=”<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/javascript" title="JavaScript" rel="nofollow" target="_blank">JavaScript</a>“> var now = new Date(); document.write(“<img src=’<a href="https://www.gaodaima.com/go.html?url=http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=”+escape(document.referrer)+”&rand=”+" rel="nofollow">http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=”+escape(document.referrer)+”&rand=”+</a> now.getTime() + “&cur=”+escape(document.URL)+”‘ border=’0′ alt=” width=’0′ height=’0′>”); </script> <noscript> <img src=”<a href="https://www.gaodaima.com/go.html?url=http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter&#8221" rel="nofollow">http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter&#8221</a>; border=’0′ width=’0’ height=’0’/> </noscript>
――您可以运行代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。

欢迎大家阅读《CSS+DIV设计实例：Hover over下的边框变…_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：CSS+DIV设计实例：Hover over下的边框变_css

Hi，您需要填写昵称和邮箱！