フリー素材／テーブル枠素材
テーブル枠の画像セットです。サイズ調整が自由自在なデザインです。
画像枠でテーブルを作るHTML＋CSS(スタイルシート)によるソースはこちら。
画像枠でテーブルを作るHTML＋CSS(スタイルシート)によるソースはこちら。
素材をダウンロード、または素材の全てをご覧頂くには、persil_table01（×透過：白背景用）
 |
 | |
persil_table02（○透過）
 |
 |
|
persil_table03（×透過：白背景用／背景色：#FFFFFF）
 |
 | |
persil_table04（○透過）
 |
 |
|
persil_table05（×透過：白背景用／背景色：#FAD778）
 |
 | |
persil_table06（×透過：白背景用／背景色：#C8FFBE）
 |
 | |
persil_table07（○透過）
 |
 |
|
persil_table08（○透過）
 |
 |
|
persil_table09（○透過）
 |
 |
|
persil_table10（○透過）
 |
 |
|
●ここでは、設定の基本的な考え方と共通するソースを述べます。
●上にある各素材に、それぞれサイズに合わせてサンプルソースを用意しています。 ※「全てを見る」アイコンをクリックして、ご参照下さい。
●上にある各素材に、それぞれサイズに合わせてサンプルソースを用意しています。 ※「全てを見る」アイコンをクリックして、ご参照下さい。
●下図は、テーブル枠の画像を分かりやすく分解したものです。
●四角（A・C・F・H）は、イメージタグ <img> による画像配置にします。
●上下、左右のライン（B・D・E・G）は、テーブルセルの背景画像として設定します。
※CSS(スタイルシート)を使って背景画像として設定する事により、どんなサイズにも合わせることが出来ます。
●テーブル内部の色を設定するには、テーブルタグに背景色設定をして下さい。
|
A … top_left.gif
（素材の画像ファイル名は共通です）
B … top_center.gif C … top_right.gif D … side_left.gif E … side_right.gif F … bottom_left.gif G … bottom_center.gif H … bottom_right.gif |
※▲の部分は、任意のサイズ（数値）を記述してください。
※●の部分は、画像のサイズ（数値）を記述してください。
