Description du problème de la balise hr dans divers navigateurs_HTML/Xhtml_Production de pages Web

En général, nous voyons rarement des RH, mais une fois que nous les voyons, cela peut faire la différence entre la vie et la mort. La même chose est vraie en HTML. Nous ne voyons pas souvent

---

, mais sa vue détermine généralement si nous pouvons utiliser la ligne de démarcation parfaite. Ici, je ne joindrai pas de photos, je les listerai simplement pour référence :

	正常浏览器	IE6、7	Firefox
实际高度	height border-right-width border-left-width	height	height
背景色	background-color	background color(当高度<2px时，显示高度为灰色投影，需要color来设置颜色，相同于文字)	background-color

Par exemple, si vous souhaitez créer une ligne de séparation avec une hauteur réelle de 3px, quatre côtés de 1px, une couleur de bordure de #07f et une couleur des autres parties de #f60, vous savez :

Copier le code

Le code est le suivant :

hr{
hauteur : 1px ; 🎜>*hauteur:3px; couleur:#f60;/ * pour ie6 ie7 */;
couleur de fond:#f60;
bordure:1px solide #07f
}
@-moz; -document url-prefix(){ hr{height:3px ;}} /* pour Firefox */

Existe-t-il une autre solution permettant d'économiser du travail