ホームページ >ウェブフロントエンド >htmlチュートリアル >各種ブラウザにおける分割線hrの違いについて_HTML/Xhtml_Webページ制作
各種ブラウザにおける分割線hrの違いについて_HTML/Xhtml_Webページ制作
- WBOYオリジナル
- 2016-05-16 16:36:491661ブラウズ
ページを作る際に区切り線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 の場合 */
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。