背景色変更テーブル/HTMLタグ素材集

背景色変更テーブル

管理人お勧めのポイントを本当に現金に出来たサイト＆アプリ
モッピー	トリマ

テンプレTOP

●をクリックすると背景色が変更できるテーブルです。
※スタイルシートで背景色を指定してる場合は変更できません。
<BODY bgcolor="カラーコード">で背景色を指定してる場合のみ使用できます。

背景色変更テーブル１(横５色)

●

●

●

●

●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="1" width="600" cellspacing="0">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

点線バージョン

●

●

●

●

●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="600" cellspacing="0" style="border:thin dotted #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

破線バージョン

●

●

●

●

●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="600" cellspacing="0" style="border:thin dashed #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

二重線バージョン

●

●

●

●

●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="600" cellspacing="0" style="border:thick double #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

背景色変更テーブル２(横10色)

●	●	●	●	●
●	●	●	●	●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="1" width="600" cellspacing="0">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr>
</Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

点線バージョン

●	●	●	●	●
●	●	●	●	●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="600" cellspacing="0" style="border:thin dotted #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

破線バージョン

●	●	●	●	●
●	●	●	●	●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="600" cellspacing="0" style="border:thin dashed #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

二重線バージョン

●	●	●	●	●
●	●	●	●	●

↑●をクリックすると背景色が変わります↑

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="600" cellspacing="0" style="border:thick double #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table><Br>
<B>↑●をクリックすると背景色が変わります↑</B>

背景色変更テーブル３(縦５色)

●

●

●

●

●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="1" width="100" cellspacing="0">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

点線バージョン

●

●

●

●

●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="100" cellspacing="0" style="border:thin dotted #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

破線バージョン

●

●

●

●

●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="100" cellspacing="0" style="border:thin dashed #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

二重線バージョン

●

●

●

●

●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="100" cellspacing="0" style="border:thick double #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

背景色変更テーブル２(縦10色)

●	●
●	●
●	●
●	●
●	●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="1" width="100" cellspacing="0">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

点線バージョン

●	●
●	●
●	●
●	●
●	●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="100" cellspacing="0" style="border:thin dotted #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

破線バージョン

●	●
●	●
●	●
●	●
●	●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="100" cellspacing="0" style="border:thin dashed #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

二重線バージョン

●	●
●	●
●	●
●	●
●	●

↑
●をクリックすると
背景色が変わります

別カラーバージョンはこちら

[●をクリックすると～]まで１セットです
変更する背景色を別の色にするときは[font]～[/font]の間のカラーコードを２つとも変更して下さい
空白のように見えるスペースには白が入っています

<Table border="0" bgcolor="#ffffff" width="100" cellspacing="0" style="border:thick double #000000;">
<Tr><Td align="center">
<font size="5" color="#000000" onclick="document.bgColor = '#000000';">●</font>
</Td><Td align="center">
<font size="5" color="#ffffff" onclick="document.bgColor = '#ffffff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#00356a" onclick="document.bgColor = '#00356a';">●</font>
</Td><Td align="center">
<font size="5" color="#0080ff" onclick="document.bgColor = '#0080ff';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#950000" onclick="document.bgColor = '#950000';">●</font>
</Td><Td align="center">
<font size="5" color="#ff0000" onclick="document.bgColor = '#ff0000';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#009500" onclick="document.bgColor = '#009500';">●</font>
</Td><Td align="center">
<font size="5" color="#80ff80" onclick="document.bgColor = '#80ff80';">●</font>
</Td></Tr>
<Tr><Td align="center">
<font size="5" color="#959500" onclick="document.bgColor = '#959500';">●</font>
</Td><Td align="center">
<font size="5" color="#ffff00" onclick="document.bgColor = '#ffff00';">●</font>
</Td></Tr></Table>
<B>↑<Br>
●をクリックすると<Br>背景色が変わります</B>

ホームページに広告張るなら	A8.net
有料ホームページ始めるなら	ロリポップ！
無料ＣＧＩ色々	ACR WEB

ページトップへ

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

文章の無断転載・タグサンプルの再配布を禁止します。
Copyright © 2005-2006 hide. All Rights Reserved.
全ページリンクフリーです。