[解決済み】CSSでテキストとアンダーラインの間隔を広げる方法

質問

CSSを使用すると、テキストに text-decoration:underline を適用した場合、テキストとアンダーラインの距離を長くすることは可能でしょうか？

解決方法を教えてください。

いいえ、しかし、あなたは次のようなもので行くことができます。 border-bottom: 1px solid #000 と padding-bottom: 3px .

もし、quot;underline" (私の例ではボーダー)の色を同じにしたい場合は、色の宣言を省きます。 border-bottom-width: 1px と border-bottom-style: solid .

複数行の場合は、要素内のスパンで複数行のテキストを囲むことができます。例 <a href="#"><span>insert multiline texts here</span></a> を追加するだけです。 border-bottom と padding を使用します。 <span> - デモ