HTML*TIPS

テーブルについてvo6


■ 真ん中に固定

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

&lttable cellpadding="0" style="border:枠の太さpx 枠の種類 枠の色;background-image:url(背景画像のURL);background-repeat:no-repeat;background-position:center"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字
</td></tr></table>

■ 左下に固定

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

&lttable cellpadding="0" style="border:枠の太さpx 枠の種類 枠の色;background-image:url(背景画像のURL);background-repeat:no-repeat;background-position:left bottom"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字
</td></tr></table>

■ 左上に固定

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

&lttable cellpadding="0" style="border:枠の太さpx 枠の種類 枠の色;background-image:url(背景画像のURL);background-repeat:no-repeat;background-position:left top"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字
</td></tr></table>

■ 右下に固定

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

&lttable cellpadding="0" style="border:枠の太さpx 枠の種類 枠の色;background-image:url(背景画像のURL);background-repeat:no-repeat;background-position:right bottom"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字
</td></tr></table>

■ 右上に固定

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

&lttable cellpadding="0" style="border:枠の太さpx 枠の種類 枠の色;background-image:url(背景画像のURL);background-repeat:no-repeat;background-position:right top"> &lttr>&lttd bordercolor="#FFFFFF">ここに文字
</td></tr></table>



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