ブラウザ間の hr 区切り文字の違い

ブラウザ間の hr 区切り文字の違い
Webページを作るときに、区切り線hrを使うことがありますが、IE6やIE7で表示するのは非常に苦痛です。この記事では、すべてのブラウザに対応したhrの書き方を説明します。

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

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

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

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

<<:  Zabbixについて管理者ログインパスワードを忘れた場合、パスワードをリセットする

>>:  ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します

推薦する

uniapp エントリーレベル nvue クライミングピット記録の分析

目次序文こんにちは世界画像 境界線の半径を設定する実ピクセルを設定する外部CSSをインポートttfフ...

HTML メタタグの小さなコレクション

<Head>……</head> は <HTML> のファイル ヘ...

アイデアをDockerに接続してワンクリックでデプロイする方法

1. docker設定ファイルを変更し、ポート2375を開きます。 [root@s162 docke...

MySQLでホワイトリストアクセスを設定する方法

MySQLでホワイトリストアクセスを設定する手順1. ログイン mysql -uroot -pmys...

両端の CSS レイアウトのサンプルコード (親の負のマージンを使用)

最近、開発中に両端が揃ったレイアウトに遭遇しました。レイアウトはパーセンテージに基づいていました。以...

Mysqlリモート接続構成を実装する2つの方法

Mysqlリモート接続構成を実装する2つの方法会社で働いていると、誰かのコンピュータに保存されている...

Hタグはウェブページ制作において適切に使用すべきである

HTML タグには、ページのタイトルを処理するための特別なタグがあります。これらは h1、h2、h3...

VirtualBox での CentOS 8.1 仮想マシンのインストールを最小限に抑える詳細なチュートリアル

1. 関連ツールと画像をダウンロードするダウンロードリンクバーチャルボックス: https://do...

MySQL データ型における DECIMAL の使用法の詳細な説明

MySQL データ型における DECIMAL の使用法の詳細な説明MySQL のデータ型には、INT...

Docker プルタイムアウトの解決策

最近、Docker イメージのプルが非常に不安定です。遅く、タイムアウトすることがよくあります。 x...

Linux の一般的なコマンド chmod を使用して、ファイルの権限 777 と 754 を変更します。

よく使用されるコマンドは次のとおりです。 chmod 777 文件或目錄例: chmod 777 /...

Dockerコンテナとホスト間のデータ相互作用の概要

序文実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共...

Ubuntuにopencvをインストールする正しい方法の詳細な説明

この記事ではUbuntuでC++インターフェースを使用してopencvをインストールする方法について...

Linux での NTP サーバー設定の詳細な手順

目次1. 環境設定1.NTPサーバー2. ビジネスサーバー2. NTPサーバーの設定1. chron...