ボタンで背景色を変化


サンプル



説明


<input type="button" value="☆(色名)" onclick="document.bgColor='☆カラーコード'">

上記プログラムを<form></form>タグで囲います。

→カラーコード表


使用例


<html>
<head>
<title>あなたのホームページ</title>
</head>

<body>
ホームページ作成中。頑張ります！
<BR>
<BR>
<form>
<input type="button" value="白" onclick="document.bgColor='#ffffff'">
<input type="button" value="黒" onclick="document.bgColor='#000000'">
<input type="button" value="赤" onclick="document.bgColor='#ff0000'">
<input type="button" value="緑" onclick="document.bgColor='#00ff00'">
<input type="button" value="青" onclick="document.bgColor='#0000ff'">
<input type="button" value="紫" onclick="document.bgColor='#aa00ff'">
</form>
</body>

</html>
あなたのホームページ　Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！