HTML*TIPS

テーブルについてvo5


■ 右側一列固定

画像の右側一列固定。
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字

&lttable cellpadding="0" style="border:枠線の太さpx 枠の種類 枠の色;background-image:url(画像のURL);background-repeat:repeat-y;background-position:right" width="400"> &lttr>&lttd bordercolor="#FFFFFF">画像の右側一列固定。&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> </td></tr></table>

■ 左側一列固定

ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字

&lttable cellpadding="0" style="border:3px dotted blue;background-image:url(http://plaza.rakuten.co.jp/img/user/19/71/1661971/225.gif);background-repeat:repeat-y;background-position:left" width="400"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字&ltbr>ここに文字&ltbr>ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr></td></tr></table>

■ 上側一列固定

ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字

&lttable cellpadding="0" style="border:枠線の太さpx 枠の種類 枠の色;background-image:url(画像のURL);background-repeat:repeat-x;background-position:top" width="400"> &lttr>&lttd bordercolor="#FFFFFF">画像の右側一列固定。&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> </td></tr></table>

■ 下側一列固定

ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字

&lttable cellpadding="0" style="border:3px dotted blue;background-image:url(http://plaza.rakuten.co.jp/img/user/19/71/1661971/225.gif);background-repeat:repeat-x;background-position:bottom" width="400"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字&ltbr>ここに文字&ltbr>ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr> ここに文字&ltbr></td></tr></table>



© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: