本文へジャンプ

ホームへリンクする家の画像ホームへサイトマップへ
borderは背景の外側につくため、外側のブロックにborderを指定すると、内側のブロックの背景では消すことはできません。そのためborderだけでタブを作るとその下の枠をつなげるのがむずかしいのです。<div>は便利なタグですが、多用するとどこまでその指定が継承されるのかがむずかしく、スタイルの指定が複雑になればなるほど、リンクしているいくつものCSSが影響し、何がなんだかわからないなんてことにもなります。未だ、私はよくわかっておりません。
この枠だけのタブは本来、一番最初の部分にレイアウトされるものです。線の上に乗っている部分は、一番外側のブロックのborder-bottomです。paddingを指定しないとタブの上に乗ってしまうし、border-topだとうまくいきません。paddingをピクセルで指定する都合上、fontもピクセルで固定しています。

[ インデックス風タブ ] - [ 角丸 ] - [ 枠タブ ]