CSSでテーブルの枠線レイアウト
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
* CSSでテーブルの枠線レイアウト [#x7705b1d]
** まずは HTML 版で復習 [#p3d679c0]
HTML を使ってテーブルの枠線を極細にする場合、cellspacing ...
|cellspacing|セル同士の間隔|
|cellpadding|セルの外枠と内枠の間隔|
枠線の大きさは、cellspacing で決まります。ただ、セル同士...
<table border="0" cellspacing="1" cellpadding="2" bgcolo...
<tr><td bgcolor="#FFFFFF">項目</td><td bgcolor="#FFFFFF"...
</table>
bgcolor なんて久々に打ったなあ…。
** CSS で置き換える [#zbc87d35]
さて、本題に入ります。cellpadding は、各 td や th の padd...
<style>
table { border-spacing : 1px; background-color:#000000; }
th, td { padding : 2px; background-color:#FFFFFF; }
</style>
<table border="0">
<tr><td>項目</td><td>値</td></tr>
</table>
つまり、IE を無視できないのであれば、結局 HTML ベースのレ...
----
** 履歴 [#md7a4475]
- 2005/11/23 ぼくぴ 新規作成
終了行:
* CSSでテーブルの枠線レイアウト [#x7705b1d]
** まずは HTML 版で復習 [#p3d679c0]
HTML を使ってテーブルの枠線を極細にする場合、cellspacing ...
|cellspacing|セル同士の間隔|
|cellpadding|セルの外枠と内枠の間隔|
枠線の大きさは、cellspacing で決まります。ただ、セル同士...
<table border="0" cellspacing="1" cellpadding="2" bgcolo...
<tr><td bgcolor="#FFFFFF">項目</td><td bgcolor="#FFFFFF"...
</table>
bgcolor なんて久々に打ったなあ…。
** CSS で置き換える [#zbc87d35]
さて、本題に入ります。cellpadding は、各 td や th の padd...
<style>
table { border-spacing : 1px; background-color:#000000; }
th, td { padding : 2px; background-color:#FFFFFF; }
</style>
<table border="0">
<tr><td>項目</td><td>値</td></tr>
</table>
つまり、IE を無視できないのであれば、結局 HTML ベースのレ...
----
** 履歴 [#md7a4475]
- 2005/11/23 ぼくぴ 新規作成
ページ名: