コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 異なるブラウザにおける分割線 hr の違いは何ですか?

異なるブラウザにおける分割線 hr の違いは何ですか?

php中世界最好的语言
リリース： 2018-02-01 09:32:33
オリジナル
2373 人が閲覧しました

今回は、ブラウザごとの分割線 hr の違いについてご紹介します。 ブラウザごとに分割線 hr を使用する際の 注意事項 について、実際のケースを見てみましょう。

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

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

hr{ 
height:1px; 
background-color:#f60; 
border:1px solid #000; 
*height:3px;/* for ie6 ie7 */ 
color:#f60;/* for ie6 ie7 */ 
} 
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */
ログイン後にコピー

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 ！

関連記事:

HTML要素にフォーカスを設定する方法

htmlハイパーリンクで新しいウィンドウを開くときにプロパティを制御する方法

CSS3でプログレッシブエンハンスメントとグレースフルデグラデーションを使用する方法

以上が異なるブラウザにおける分割線 hr の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
firefox webkit 分割線
ソース：php.cn
前の記事：HTMLで簡単な計算機を実装する方法 次の記事：ボタンにはいくつかのクリック応答メソッドがあります
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Live Server を使用する Web サイトをファイルから起動すると機能しません いくつかのブラウザを試してみましたが、いずれの場合も Web サイトは LiveServer で正常に動作しました。一方、Firefox/Chrome を使用してサイトを起動すると...
から 2024-04-06 12:46:18
0
1
403
SAPUI5 callFunction() が呼び出された後、Errorhandler が呼び出されない SAPUI5のウィザードでIBANを検証しようとしています。これを行うには、V2ODataModel (sap.ui.model.odata.v2.ODataModel) で fu...
から 2024-04-04 18:06:36
0
1
400
表のタイトルを垂直方向に回転、中央 + 下揃え、クロスブラウザー ヘッダーが回転されたテーブルがありますが、これは Chrome では期待どおりに表示されますが、Firefox では期待どおりに表示されません。 Chromev108 (垂直下、水...
から 2024-04-04 16:45:25
0
1
330
Safari/Firefox iOS でフォ​​ームデータを送信できない これは、iOS 上の Safari/Firefox を除くすべてのプラットフォームで動作します: jQuery("#gform_1").one('submit'...
から 2024-04-04 12:53:48
0
1
303
JS を使用して再生品質を制御する Javascript を使用してビデオの再生品質を制御する方法はありますか?より正確に言うと、JavaScriptを使用してビデオの品質を選択したいと考えています。 Chrome ...
から 2024-04-04 00:21:55
0
1
384
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート