ホームページの作り方・WordPress・jQuery・SEO

2013.10.18 / 更新日:2013.10.18

表の枠線を単独の線にする [border-collapse]

border-collapse: 表の枠線表示

collapse 表の外枠や各セルの枠を重ねて表示
separate 表の外枠や各セルの枠を別に表示

[CSS]

table.sample1{border-collapse:collapse;}
table.sample2{border-collapse:separate;}

collapse(表の外枠や各セルの枠を重ねて表示した場合)

セル セル
セル セル

separate(表の外枠や各セルの枠を別に表示した場合)

セル セル
セル セル
« »

トップ