GIF10x20の画像を組み合わせて次のような「タブ」を表示できる素材です。
(1)角丸のタブ
1行3列のテーブルを使用
(2)左側が斜めのタブ
テーブルを1行2列にして使用
(3)右側が斜めのタブ
テーブルを1行2列にして使用
(4)両側が斜めのタブ
1行3列のテーブルを使用
■素材一覧 各色必要なパーツをダウンロードしてください。
■応用例 テーブル設定を変えてメニューボックスを表示したもの。
| 今日のニュース | ||
HTMLの例(素材画像を表示してある部分には、使用する素材画像のURLが入ります。ご自分で使用するものに書き換えてください)
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" width="150" background="
"><font size="-1" color="white"><b>今日のニュース</b></font></td>
<td width="10"><img src="
" width="10" height="20"></td>
<td width="50" background="
"></td>
</tr>
<tr height="5">
<td colspan="3" width="210" height="5" background="
"></td>
</tr>
<tr height="80">
<td colspan="3" bgcolor="#dfeeee" width="210" height="80"></td>
</tr>
</table>
※ colspan="3" 3列を連結してひとつのセルにまとめてあります。
※ bgcolor="#dfeeee" セルに背景色を指定してあります。画像を指定することもできます。