■テーブルの背景色を指定する
<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で幅を指定し、その幅を超えた画像や文字はクリッピングされ表示されなくなります。
|
|