フリー素材b-cures.透明感ある綺麗なイラスト素材

テーブルは、3列の3行構成です。テーブルの飾り枠に使用する素材は、上部のセル3つ、中央のセル2つ、下部の3つの合計8つです。

このサンプルでは、テーブル素材の中央のセルの幅を430pxに固定していますが、190px以上の横幅であればレイアウトは乱れません。自由に変更することができます。

TABLE全体の横幅が、2段目の横幅+セルの余白20px+20pxと合計して同じ数字になれば問題ありません。

テーブル内の文字の間隔を変更した場合は、 line-height:1.5em;の部分を変更してください。

このテーブル素材に関しては、元データを紛失しているため、ブルー以外の色違いを製作することができません。（ごめんなさい）

テーブル素材に使用する画像

テーブル素材左上角の画像
テーブル上部中央背景画像（横幅1px）
テーブル上部中央の画像
テーブル上部右上の画像
テーブル中央の左セルの背景画像（縦幅1px）
テーブル中央右セルの背景画像（縦幅1px）
テーブル下部左の背景画像
テーブル下部中央の背景画像（横幅1px）
テーブル下部の中央の画像
テーブル下部右の背景画像
テーブル素材を一括ダウンロード

テーブル素材をご利用になる際は、下記のHTMLコードを参考にしてください。

<table cellpadding=”0″ cellspacing=”0″ style=”width:500px; border:0;”><br /> <tr><br /> <td style=”background:url(tablebl_1-l.gif) no-repeat top right; width:35px; height:35px;”> </td><br /> <td style=”background:url(tablebl_1.gif) repeat-x top; height:35px; width:430px; text-align:center;”><img src=”http://b-cures.net/dl2/decoration/juwery01/tablebl_1-c.gif” width=”186″ height=”35″ alt=”" /></td><br /> <td style=”background:url(tablebl_1-r.gif) no-repeat top left; height:35px; width:35px;”> </td><br /> </tr><br /> <tr><br /> <td style=”background:url(tablebl_ll.gif) repeat-y right; width:35px;”> </td><br /> <td style=”padding:20px; width:390px; line-height:1.5em;”> <p>ココに文字がはいります。<br /> <p>テーブルは、3列の3行構成です。テーブルの飾り枠に使用する素材は、上部のセル3つ、中央のセル2つ、下部の3つの合計8つです。<br /> <p>このサンプルでは、テーブル素材の中央のセルの幅を430pxに固定していますが、190px以上の横幅であればレイアウトは乱れません。自由に変更することができます。</p> <p> <p>TABLE全体の横幅が、2段目の横幅+セルの余白20px+20pxと合計して同じ数字になれば問題ありません。<br /> <p>テーブル内の文字の間隔を変更した場合は、line-height:1.5em;の部分を変更してください。<br /> <p>このテーブル素材に関しては、元データを紛失しているため、ブルー以外の色違いを製作することができません。（ごめんなさい）<br /> <p>テーブル素材に使用する画像</p></p> <p> <p>テーブル素材をご利用になる際は、下記のHTMLコードを参考にしてください。</p><br /> </td><br /> <td style=”background:url(tablebl_rr.gif) repeat-y left; width:35px;”> </td><br /> </tr><br /> <tr><br /> <td style=”background:url(tablebl_3-l.gif) no-repeat top right; height:35px; width:35px;”> </td><br /> <td style=”background:url(tablebl_3.gif) repeat-x top; height:35px; width:430px; text-align:center;”><img src=”http://b-cures.net/dl2/decoration/juwery01/tablebl_3-c.gif” width=”186″ height=”39″ alt=”" /></td><br /> <td style=”background:url(tablebl_3-r.gif) no-repeat top left; height:35px; width:35px;”> </td><br /> </tr><br /> </table><br />