【テーブル】



■テーブルの背景色を指定する
<style type="text/css">
<!--

table { background-color:yellow; }
-->
</style>

テーブルの背景色を指定するにはスタイルの定義でtableにbackground-colorでカラー名またはカラーコードを指定します。 必ず<head>の中に書いてください。

■テーブルの背景画像を指定する
<style type="text/css">
<!--

table { background-image:url(bg.gif); }
-->
</style>

テーブルの背景色を指定するにはスタイルの定義でtableにbackground-image:url(背景画像のURL);のようにします。必ず<head>の中に書いてください。

■ テーブルの横幅を指定する
<style type="text/css">
<!--

table { width:320px; }
-->
</style>

テーブルの横幅を指定するにはスタイルの定義でtableにwidth:横幅;のようにします。 必ず<head>の中に書いてください。

■テーブルの縦幅を指定する
<style type="text/css">
<!--

table { height:100px; }
-->
</style>

テーブルの縦幅を指定するにはスタイルの定義でtableにheight:縦幅;のようにします。 必ず<head>の中に書いてください。

■テーブルの表示を高速化する
<style type="text/css">
<!--

table { table-layout:fixed; }
-->
</style>
<body>
<table class="fix" border="10" width="320" bgcolor="white">
<tr><td>
<center>
<img src="photo.jpg">
</center>
<br>
 IE5以降ではtable-layout:fixedで高速に表が表示できます。
</td></tr>
</table>

</body>

テーブルの表示を高速化するには「table-layout:fixed;」のように指定します。ただし、widthで幅を指定し、その幅を超えた画像や文字はクリッピングされ表示されなくなります。




もどる

[★高収入が可能!WEBデザインのプロになってみない?! Click Here! 自宅で仕事がしたい人必見! Click Here!]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]


FC2 キャッシング 出会い 無料アクセス解析