• ベストアンサー

text-decorationで上下に線

text-decorationで上下に線をつけた場合ぴったりになってしまうのですが、隙間を開けることはできないのでしょうか http://www.htmq.com/style/text-decoration.shtml にもそのような方法がありませんでした。

質問者が選んだベストアンサー

  • ベストアンサー
  • celtis
  • ベストアンサー率70% (2332/3291)
回答No.1

文字にくっつかないように上下線を表現したい場合は、paddingとborderの組み合わせでうまくいくと思います。 CSSでリンクの文字と下線の間隔(スペース)を空ける方法 http://www.koikikukan.com/archives/2012/03/13-025555.php

noname#226032
質問者

お礼

やはりこのやり方しかないのですね。 問題はブロック要素の場合中のテキストとブロック要素の横幅がぴったりにならないので、毎度文字数通りのwidthをあててやらないといけないことですね。 インライン要素にしてしまう方法もありますが。

関連するQ&A