罫線を引くのは横罫線を除いて面倒です。実装したらさまざまなブラウザで表示を確認するのを忘れずにしましょう。レイアウト崩れの発生する予感があるので。
それでは、罫線を引く方法をいくつか紹介します。まだほかにも方法はありそうですが、簡単に思いつくのはこれくらいかもしれません。
テーブルのセルのborderプロパティで色と線種を指定する方法
テーブルのセル間隔を0pxにするのを忘れずに
きっちり決まった位置関係で表示される可能性が高いです。
画像を張り付ける
floatを使って文字を回り込ませるのも良いでしょう。
この方法はCSSで複雑な設定をするより罫線が同じように表示される可能性が高いです。
ブロック要素のborderプロパティを利用
paddingを指定してオブジェクトとborderの線との間隔を指定しましょう。
小見出しなどの文字の上下左右に線をつけたい時によく使われます。
横罫線なら区切り線
段落の区切りに<hr>タグを置いてみましょう。
これは簡単です。
広告
関連コンテンツ
