各種ブラウザにおける分割線hrの違いについて_HTML/Xhtml_Webページ制作

ページを作る際に区切り線hrを使うことがありますが、ie6やie7で表示するのは非常に苦痛です この記事では様々なブラウザに対応したhrの書き方を紹介します。

ホームページ まず、次の表に示すように、各ブラウザでの hr の違いを理解しましょう。

たとえば、実際の高さ が のページを作成したい場合、 3px、1px の境界線、#07f の境界線、背景色 #f60 の分割線:

コードをコピー

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

hr{
height:1px;
background-color:#f60;
border:1px Solid #000; 🎜>*height:3px;/* ie6 ie7 の場合 */
color: #f60;/* ie6 ie7 の場合 */
}
@-moz-document url-prefix(){ hr{height :3px;}} /* Firefox の場合 */