CSSでテキストと下線の間の隙間を広げる方法 質問する

CSSでテキストと下線の間の隙間を広げる方法 質問する

CSS を使用して、テキストがtext-decoration:underline適用されている場合、テキストと下線の間の距離を増やすことは可能ですか?

ベストアンサー1

border-bottom: 1px solid #000いいえ、しかし、や のようなものを使用することもできますpadding-bottom: 3px

「下線」(私の例では境界線)と同じ色にしたい場合は、色の宣言を省略します(つまり、border-bottom-width: 1pxと )border-bottom-style: solid

複数行の場合は、要素内の span で複数行のテキストを囲むことができます。たとえば、次のように<a href="#"><span>insert multiline texts here</span></a>追加しますborder-bottompadding<span>デモ

おすすめ記事