フリー素材/テーブル
フリー素材/テーブル枠素材

テーブル枠の画像セットです。サイズ調整が自由自在なデザインです。
画像枠でテーブルを作る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   B   C
  左上   右上  
D       E
  左下   右下  
F   G   H
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
(素材の画像ファイル名は共通です)

※▲の部分は、任意のサイズ(数値)を記述してください。
※●の部分は、画像のサイズ(数値)を記述してください。

Google

初心者でも安心なレンタルサーバー。200MBで263円から。CGI・SSI・PHPが使えます。