ボタンで背景色を変化


サンプル




説明


<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)
ホームページ作成中。頑張ります!