さまざまなブラウザでのhrタグの説明

さまざまなブラウザでのhrタグの説明
通常、人事担当者と会うことはめったにありませんが、一度会うと、それが生死を分けることもあります。 HTML でも同じことが言えます。<hr /> はあまり見かけませんが、見かけた場合は、通常、完璧な区切りを使用できるかどうかが決まります。ここでは、写真を添付せず、参考までにリストします。
通常のブラウザIE6、7 の場合ファイアフォックス
実際の高さ高さ + 右ボーダー幅 + 左ボーダー幅身長身長
背景色背景色background+color (高さが 2px 未満の場合は、高さはグレーの投影として表示され、色を設定するには color が必要です。テキストと同じです)背景色

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

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

時間{
高さ:1px;
*height:3px; color:#f60;/* ie6 ie7 の場合 */;
背景色:#f60;
境界線:1px実線 #07f;
}
@-moz-document url-prefix(){ hr{height:3px;}} /* Firefox の場合 */

他にもっと手間のかからない解決策はありますか?

<<:  CSS スティッキー配置位置の詳細な説明: スティッキー問題の落とし穴

>>:  Docker Alpine イメージのタイムゾーン問題に対する完璧な解決策

推薦する

Samba を使用して Linux サーバー上で共有ファイル サービスを構築する方法

最近、私たちの小さなチームは、サーバー上の共有フォルダーを共有して、全員がパブリックリソースドキュメ...

Linux の RPM パッケージでインストールされた xinetd ベースのサービスの管理

目次序文1. xinetdサービスに基づく起動管理(1)Telnetサービスのインストール(2)Te...

JavaScriptでカレンダー効果を素早く実装

この記事では、カレンダー効果を素早く実現するためのJavaScriptの具体的なコードを例として紹介...

シームレスなカルーセル効果を実現するネイティブ js

参考までに、ネイティブjsでカルーセル効果(シームレススクロール)を実現しています。具体的な内容は以...

MySql はコミットする必要がありますか?

MySQL が挿入などの操作を実行するときにコミットする必要があるかどうかは、ストレージ エンジン...

vue3 テレポートの詳細な使用例

公式ウェブサイトhttps://cli.vuejs.org/ja/ガイド/場合によっては、コンポーネ...

マインスイーパゲームを実装するための jQuery プラグイン (1)

この記事では、jQueryプラグインを使用したマインスイーパゲームの最初の記事の具体的なコードを参考...

MySQL 5.7.22 バイナリパッケージのインストールとインストール不要版 Windows 設定方法

次のコードは、MySQL 5.7.22 バイナリ パッケージのインストール方法を紹介しています。具体...

Vue2とVue3の兄弟コンポーネント通信バスの違いと使い方

目次vue2.x vue3.x tiny-emitterプラグインの使用Mittプラグインの使用vu...

Centos7環境でMySQL 5.6のインスタンスを複数作成する方法の詳細な説明

この記事では、CentOS 7 環境で MySQL 5.6 の複数のインスタンスを作成する方法につい...

MySQL でテーブルスペースの断片化を解消する詳細な例

MySQL でテーブルスペースの断片化を解消する詳細な例断片化の原因(1)テーブルのストレージは断片...

JavaScript でオブザーバー パターンを実装する方法

目次概要オブザーバーパターンの応用シナリオオブザーバーパターンの実装要約する概要オブザーバー パター...

JS ループで async と await を正しく使用する方法

目次概要(ループモード - 共通)配列と非同期メソッドを宣言して反復するforループで使用するマップ...

Docker で MySQL 接続と設定ファイルの最大数を変更する

1. MySQLイメージを見つける ドッカーps 2. ミラーmysqlイメージを入力する dock...

CSS グリッドレイアウトの完全ガイド

Grid は 2 次元のグリッド レイアウト システムです。これを使用すると、本質的にはハック メソ...