画像の表示パターンを変える


HTMLでは画像を背景に使用した場合には
背景全部に一様に画像を適用できるだけでしたが、
スタイルシートを使うと表示パターンまで変更することができます。


<table width="200" height="150" style="background-image:url('wall/tono-a048.png'); background-repeat:repeat-x;" border="1" bordercolor="#7799ff">
<tr><td>横方向に敷き詰める</td></tr>
</table>
　　↓

横方向に敷き詰める

<table width="200" height="150" style="background-image:url('wall/tono-a048.png'); background-repeat:repeat-y;" border="1" bordercolor="#7799ff">
<tr><td>縦方向に敷き詰める</td></tr>
</table>
　　↓

縦方向に敷き詰める

<table width="200" height="150" style="background-image:url('wall/tono-a048.png'); background-repeat:no-repeat;" border="1" bordercolor="#7799ff">
<tr><td>繰り返さずに表示</td></tr>
</table>
　　↓

繰り返さずに表示

<table width="200" height="150" style="background-image:url('wall/tono-a048.png'); background-repeat:repeat;" border="1" bordercolor="#7799ff">
<tr><td>敷き詰めて表示</td></tr>
</table>
　　↓

敷き詰めて表示

次は　画像の表示位置を指定する　です。

メニューに戻ります。