<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style> h3{ position:absolute; top:-15px; left:30px; margin:0; padding:0 5px; line-height:25px; background:red; border:1px solid #000; } .outer ,.outer2 { position:relative; float:left; width:300px; border:2px dashed #000; margin-top:20px; margin-left:20px; background:#ffffcc; } .inner { position:absolute; border:1px solid white; width:100%; height:100%; position:relative; z-index:100; margin:-1px; } .outer p,.outer2 p {padding:5px;margin:10px 0 0;} .outer h3 a, .outer2 h3 a{ line-height:20px; font-size:70%; border:1px solid #000; background:#ffffcc; text-decoration:none; vertical-align:top; padding:0 5px; } .outer2 {border:1px dashed #000} </style> </head> <body> <div class="outer"> <div class="inner"> <h3>优秀的边框<a href="http://homepage.yesky.com/">更多 ></a></h3> <p>这个例子是为了说明在IE中存在1px概念模糊的一个小bug,在IE中{border:2px dashed #000;}与{border:1px dashed #000}基本上看不出什么差别,但可以用标准化浏览器分辩出来.</p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> </div> </div> <div class="outer2"> <h3>这个边框存在质量问题<a href="http://homepage.yesky.com/">更多 ></a></h3> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> <p>网页教学网 网页教学网 网页教学网 网页教学网 </p> </div> </body> </html>
关于网站 | 客服中心 | 服务条款 | 友情链接 | | 广告联系 | 本站历程 | 网站导航 | 发布资源 == 好的资源 大家共享
