水平線と文字の間

質問

hp作成で水平線を引いてその上に文字を載せたいのですが
どうしても、水平線と文字の間が空いていて不自然に見えます。
この間隔は狭めることはできるのでしょうか？
ご回答いただけると嬉しいです。

回答No.1

calltella · ベストアンサー

http://blog.livedoor.jp/calltella/archives/50137969.html
↑こんな感じでよかったら

ＣＳＳに
.hr{ border-bottom:1px solid #000000; }
を追加して
<span class="hr">あいうえお</span>
で文字の下に線がでます。

お礼

回答ありがとうございます。
これは線を太くしたり色を変えたりできますでしょうか？

回答No.2

calltella

.hr{ border-bottom:1px solid #000000; }

1px→数字を大きくすれば太くなります。
#000000→好みの色を指定すればその色になります。

カラーコード
http://www.rfs.jp/sb/html/other/safe_color.html

お礼

ありがとうございます！
できました！！