2004/10/10(日)03:41
タグを覚えよう【第54回目】 - テーブルの応用2
なんと、HD 本館に引き続き
ほーむぺーじ作成の第一歩もYahoo!Japanディレクトリに登録されました( ̄▽ ̄人)
トップ > コンピュータとインターネット > インターネット > WWW > ホームページ作成 >
の中のビギナーズガイドってとこなんですがね。
興味のある方はほーむぺーじ作成の第一歩も宜しくお願いしますm(_ _)m
さて、今日はテーブルの応用としましてテーブルに背景画像を付けてみましょう。
まずはテーブル全体に背景画像を指定する方法( ̄▽ ̄人)
例)
<table border="1" style="background-image: url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:150px;height:150px;">
<tr><td>○</td><td>×</td><td>○</td></tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>
表示結果)
○×○×○×○××
窓枠に使えるような使えないような?
背景画像を薄く淡い感じにしたら通常の表として使ってもおしゃれかもしれませんね( ̄▽ ̄人)
次にセルに背景画像を指定する方法です。
例)
<table border="1">
<tr><td style="background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);width:150px;height:150px;">○</td><td>×</td><td>○</td></tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>
表示結果)
○×○×○×○××
もちろんセルごとに違う背景を指定することもできます。
これらは主に背景の上に文字を書きたい場合などに便利かもしれませんね(〃⌒▽⌒)
もちろん使い方次第でおもしろいことができると思います。
色々チャレンジしてください( ̄▽ ̄人)