さまざまなブラウザでの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 イメージのタイムゾーン問題に対する完璧な解決策

推薦する

ElasticSearch と ElasticSearch-Head の Docker デプロイメントの実装

この記事では主にDockerを使ってElasticSearch:バージョン6.8.4をデプロイする方...

Nginx のパラメータをオンにして Web パフォーマンスを 3 倍向上させる方法

1. 遭遇したいくつかの問題2008 年にパフォーマンス テストを行っていたとき、パフォーマンス テ...

html2canvas で破線境界線を実装する例

html2canvas は、HTML 要素からキャンバスを生成するライブラリです。描画されるキャンバ...

CSS テキスト強調を使用してテキストを強調するための実装コード

1. はじめにこれまで、テキストの特定の部分を強調したい場合、通常は太字にしたり明るい色を使用したり...

nginx共有メモリの仕組みの詳細な説明

Nginx の共有メモリは、高いパフォーマンスを実現できる主な理由の 1 つであり、主にファイル キ...

MySQLの左結合を内部結合に素早く変換するプロセス

日々の最適化プロセス中に、奇妙なことに気付きました。同じ SQL にまったく異なる 2 つの実行プラ...

vue-pdf はオンラインファイルプレビューを実現します

この記事では、参考までに、ファイルのオンラインプレビューを実現するためのvue-pdfの具体的なコー...

CSS はモバイル デバイスで水平スクロール ナビゲーション バーを実装します (PC デバイスにも適用可能)

関数の起源最近、水平スクロール バーを必要とする H5 に取り組んでいました。いくつかのドキュメント...

MySQLテーブルにタイムスタンプを追加するいくつかの方法

シナリオ:テーブル内のデータは、同期ツールを使用して他のデータベースと同期する必要があり、増分同期に...

MySQL データベース テーブルのパーティション分割に関する考慮事項 [推奨]

テーブル パーティショニングは、データベース パーティショニングとは異なります。では、テーブル パー...

Prometheus を使用して、MySQL の自動増分主キーの残りの使用可能パーセンテージをカウントします。

最近、本番環境のデータベースがログデータを狂ったように書き込み、主キー値のオーバーフローを引き起こし...

デジタル時計効果を実現するJavaScript

この記事では、デジタル時計効果を実現するためのJavaScriptの具体的なコードを参考までに紹介し...

Docker コンテナの正常なシャットダウン前にトラップを使用して環境のクリーンアップを実行する

実行中のコンテナが終了したときに、コンテナが完全に終了する前に環境をクリーンアップするなど、いくつか...

Docker イメージを Docker Hub にプッシュする実装

イメージが正常にビルドされると、Docker 環境があれば使用できますが、イメージを Docker ...