各種ブラウザにおけるhrタグの問題解説_HTML/Xhtml_Webページ制作

一般に、HR を目にすることはほとんどありませんが、一度目にすると、それは生死を分ける可能性があります。同じことが HTML にも当てはまります。

---

はあまり目にしませんが、通常、それを目にすることで、完璧な分割線を使用できるかどうかが決まります。ここでは、写真は添付しません。参考のために列挙するだけです。

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

たとえば、実際の高さが 3px、4 辺が 1px、境界線の色が #07f、その他の部分の色が #f60 の分割線を作成したい場合は、次のようになります。

コードをコピーします

コードは次のとおりです。

hr{
height:1px; 🎜>*height:3px; color:#f60;/ * ie6 ie7 の場合 */;
border:1px ソリッド
}
@-moz -document url-prefix(){ hr{height:3px ;}} /* for Firefox */


他にもっと省力化できるソリューションはありますか?