Cara membuatnya sangat mudah, anda hanya perlu menambah code berikut di dalam tag <body> ... </body> :
<center>
<table border="1">
<tr align="center">
<td align="center" bgcolor="green" onclick="document.bgColor='green'" style="cursor:pointer;">Green</td>
<td align="center" bgcolor="greem" onclick="document.bgColor='greem'" style="cursor:pointer;">Bright Green</td>
<td align="center" bgcolor="seagreen" onclick="document.bgColor='seagreen'" style="cursor:pointer;">Sea Green</td>
<td align="center" bgcolor="Red" onclick="document.bgColor='red'" style="cursor:pointer;">Red</td>
</tr>
<tr align="center">
<td align="center" bgcolor="Magenta" onclick="document.bgColor='magenta'" style="cursor:pointer;">Magenta</td>
<td align="center" bgcolor="Fusia" onclick="document.bgColor='fusia'" style="cursor:pointer;">Fusia</td>
<td align="center" bgcolor="Pink" onclick="document.bgColor='pink'" style="cursor:pointer;">Pink</td>
<td align="center" bgcolor="Purple" onclick="document.bgColor='purple'" style="cursor:pointer;">Purple</td>
</tr>
<tr align="center">
<td align="center" bgcolor="Navy" onclick="document.bgColor='navy'" style="cursor:pointer;">Navy</td>
<td align="center" bgcolor="Blue" onclick="document.bgColor='blue'" style="cursor:pointer;">Blue</td>
<td align="center" bgcolor="royalblue" onclick="document.bgColor='royalblue'" style="cursor:pointer;">Royal Blue</td>
<td align="center" bgcolor="Skyblue" onclick="document.bgColor='Skyblue'" style="cursor:pointer;">Sky Blue</td>
</tr>
<tr align="center">
<td align="center" bgcolor="Yellow" onclick="document.bgColor='yellow'" style="cursor:pointer;">Yellow</td>
<td align="center" bgcolor="Brown" onclick="document.bgColor='brown'" style="cursor:pointer;">Brown</td>
<td align="center" bgcolor="Almond" onclick="document.bgColor='almond'" style="cursor:pointer;">Almond</td>
<td align="center" bgcolor="White" onclick="document.bgColor='white'" style="cursor:pointer;">White</td>
</tr>
<tr align="center">
<td align="center" bgcolor="Black" onclick="document.bgColor='black'" style="cursor:pointer;">Black</td>
<td align="center" bgcolor="Coral" onclick="document.bgColor='coral'" style="cursor:pointer;">Coral</td>
<td align="center" bgcolor="olivedrab" onclick="document.bgColor='olivedrab'" style="cursor:pointer;">Olive Drab</td>
<td align="center" bgcolor="Orange"><a onclick="document.bgColor='orange'" style="cursor:pointer;">Orange</td>
</tr>
</center>
(revo-reva)
No comments:
Post a Comment