[解決済み] CSS 'underline'属性の線の太さを編集する
2022-06-15 12:15:43
質問
CSSでは任意の文字に下線を引くことができますので、下線を引いてください。
h4 {
text-decoration: underline;
}
次に描画される「線」を編集するにはどうすればよいかというと、線上に得られる色は簡単に次のように指定できます。
color: red
で簡単に指定できますが、線の高さ、つまり太さはどのように編集するのでしょうか?
どのように解決するのですか?
これを実現する方法の一つを紹介します。
HTMLです。
<h4>This is a heading</h4>
<h4><u>This is another heading</u></h4>
CSS :
u {
text-decoration: none;
border-bottom: 10px solid black;
}
以下はその例です。 http://jsfiddle.net/AQ9rL/
関連
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み] リンクから青いアンダーラインを削除する
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない