Изменение background color с помощью HTML

2013-01-26 | HTML

Существует очень простой HTML код, который позволит посетителям выбрать фон сайта с помощью переключателя, который разберем в данном посте

.
.
.
.

Рассмотрим код подробнее:

<table border=0 align=center><tr><td><DIV class=text3><form>
<input type=button value="белый"onClick="document.bgColor= 'White'">
<input type=button value="зеленый"onClick="document.bgColor= '#006400'">
 <input type=button value="красный"onClick="document.bgColor= '#FF0000'">
 <input type=button value="синий"onClick="document.bgColor='#000080'">
 <input type=button value="оранжевый"onClick="document.bgColor= '#FFA500'">
 </form></td></table>

В данном коде приведен пример с пятью цветами: белый, зеленый, красный, синий и оранжевый. Можно сделать больше.

<table border=0 align=center> <tr><td><DIV class=text3><form> // толщина границ в пикс. вокруг кнопок, расположение блока кнопок по центру на странице, тип текста

<input type=button value="зеленый"onClick="document.bgColor= '#006400'"> // код кнопки: текст на кнопке (название цвета), при нажатии изменяется цвет фона на #006400

Для добавления еще одной кнопки изменения цвета фона используйте вышеприведенную строку с названием кнопки и указанием цвета.

А в конце кода не забудьте вставить закрывающие теги:

</form></td></table>

Демо пример в работе:

Поделиться:

Записи по теме:

1 комментарий к записи "Изменение background color с помощью HTML"

Руслан от 30.11.2013 в 22:32 пишет:

На блоге не так — то и трудно заменить цвет, да и не только фона, главное знать какой цвет писать и в какому значению его прописывать.

Ответить ↓