1. ホーム
  2. html

[解決済み] 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/