質問: cssでテキストと下線を引く間のギャップを増やす方法 cssを使用して、テキストにtext-decoration:underlineが適用されている場合、テキストと下線の間の距離を広げることは可能ですか?
回答: いいえ、でもborder-bottom: 1px solid #000やpadding-bottom: 3pxのようなものを使うことができます。「下線」と同じ色(この例では境界線)が必要な場合は、色の宣言、つまりborder-bottom-width: 1pxとborder-bottom-style: solidを省略します。複数行の場合は、複数行のテキストを要素内のスパンで折り返すことができます。例えば。 <a href="#"><span>insert multiline texts here</span></a>はborder-bottomに<span>とpaddingを追加するだけです - demo