みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

text-decorationで上下に線

text-decorationで上下に線をつけた場合ぴったりになってしまうのですが、隙間を開けることはできないのでしょうか

http://www.htmq.com/style/text-decoration.shtml
にもそのような方法がありませんでした。

投稿日時 - 2016-11-23 12:22:15

QNo.9259199

困ってます

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

文字にくっつかないように上下線を表現したい場合は、paddingとborderの組み合わせでうまくいくと思います。

CSSでリンクの文字と下線の間隔(スペース)を空ける方法
http://www.koikikukan.com/archives/2012/03/13-025555.php

投稿日時 - 2016-11-24 14:34:55

お礼

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

投稿日時 - 2016-11-24 15:41:01

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)