Code CSS : regardez le bug 1px dans IE
Auteur：Eve Cole
Date de mise à jour：2009-06-12 19:27:19
<!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 ">
<tête>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
h3{
position : absolue ;
haut : -15px ;
gauche : 30 px ;
marge : 0 ;
remplissage : 0 5 px ;
hauteur de ligne : 25 px ;
fond : rouge ;
bordure : 1px solide #000 ;
}
.extérieur ,.extérieur2 {
position : relative ;
flotteur : gauche ;
largeur : 300 px ;
bordure : 2 px en pointillés #000 ;
marge supérieure : 20 px ;
marge gauche : 20 px ;
arrière-plan :#ffffcc ;
}
.intérieur {
position : absolue ;
bordure : 1 px blanc uni ;
largeur : 100 % ;
hauteur : 100 % ;
position : relative ;
indice z : 100 ;
marge : -1px ;
}
.outer p, .outer2 p {padding:5px;marge:10px 0 0;}
.extérieur h3 une, .extérieur2 h3 une{
hauteur de ligne : 20 px ;
taille de police : 70 % ;
bordure : 1px solide #000 ;
arrière-plan :#ffffcc ;
décoration de texte : aucune ;
alignement vertical : haut ;
remplissage : 0 5 px ;
}
.outer2 {border:1px pointillé #000}
</style>
</tête>
<corps>
<div class="extérieur">
<div class="intérieur">
<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 classe="extérieur2">
<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>
</corps>
</html>
