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

推薦する

Navicat が MySQL に接続するときに発生する 1045 エラーの解決方法

ローカル データベースに接続すると、Navicat for MySQL は以下のように 1045 エ...

フレックスレイアウトは、上下固定、中間スライドのレイアウトモードを実現します。

この記事では、主に、上下固定と中スライドレイアウトを実現するためのフレックスレイアウトのレイアウト方...

MySQLの自動増分主キーIDはこのように処理されません

MySQLの自動増分主キーIDは段階的に増加しません1. はじめにMySQL データベースにデータを...

Alibaba Cloud CentOS 7 に MySQL 8.0.13 をインストールする方法

1. MySQL インストール パッケージをダウンロードします(ここにはコツがあります。おそらく、こ...

CSS を使用して三角形を実装する一般的な手法 (複数の方法)

面接の経験によっては、CSS に関する質問がよく見られ、CSS を使用して三角形を描画する方法につい...

Linuxコマンドをバックグラウンドで実行する方法

通常、ターミナルでコマンドを実行する場合、別のコマンドの入力を開始する前に、現在のコマンドが終了する...

Linuxのpasswdコマンドの使用

1. コマンドの紹介passwd コマンドは、ユーザー パスワード、アカウント ロック、パスワードの...

CSS3 メディアクエリにおけるデバイス幅と幅の違いの詳細な説明

1.デバイス幅定義: 出力デバイスの画面表示幅を定義します。 Web ページが Safari で開か...

Windows 7 での MySQL 8.0.18 の導入とインストールのチュートリアル

1. 事前準備 (windows7+mysql-8.0.18-winx64) 1. ダウンロードアド...

MySQL の隠し列の詳細表示

目次1. 主キーが存在する2. 主キーはないが、一意のインデックスが存在する3. 共同主キーまたは共...

Zabbixで電子メールアラートを実装する方法

オンラインチュートリアルに従って実装しました。 zabbix3.4、スクリプトとsendEmailを...

入力テキストボックスの入力実装プロパティを無効にする

今日は、開発でよく使われる、非常に便利な HTML タグをいくつかまとめてみたいと思います。これらの...

MySQL binlog の使用方法の詳細な説明

binlog は、MySQL のすべての DML 操作を記録するバイナリ ログ ファイルです。 bi...

データベースクエリ、どのオブジェクトにどのフィールドが含まれているか、メソッドステートメント

データベースは、どのオブジェクトにどのフィールドが含まれているかを照会します。 *を選択 sysob...