Як змінити колір кнопки

Створіть два файли. Один з них з розширенням .htm буде містити розмітку документа, назвемо його index.htm. Другий, з розширенням .css, буде містити таблиці стилів. Цей файл позначимо як style.css. Запишіть в файл index стандартну розмітку HTML. У шапці документа підключіть файл з таблицями рядком .

Створіть кнопку з параметрами за замовчуванням. Відкрийте файл з розміткою сторінки в текстовому редакторі "блокнот". В розділ body html-документа запишіть рядок . Збережіть файл. Тепер його можна відкрити в браузері і оцінити результат. Розмір кнопки залежить від довжини текстового рядка.

Перед тим як міняти колір кнопки, необхідно зафіксувати її геометричні розміри. Для цього відкрийте файл style.css в "блокноті". Запишіть в нього рядок .button {width: 175px; height: 55px; }. Збережіть зміни. Відкрийте файл index.htm. Додайте до рядка, яка описує кнопку, атрибут class. В результаті вона повинна виглядати таким чином: -. Збережіть файл, відкрийте його в браузері. Кнопка збільшилася в розмірах.

Використовуючи графічний редактор Paint, підготуйте растрове зображення фону кнопки. Його розміри повинні бути 175х55 пікселів. Змініть розміри полотна. Для цього візьміть курсором миші правий нижній кут полотна. Не відпускаючи миша, змінюйте розміри до отримання необхідних. Поточний розмір полотна можна побачити в рядку статусу внизу додатки. Зробіть заливку необхідного коліра. Збережіть зображення в файлі button.jpg.

Відкрийте stile.css в текстовому редакторі. В клас button додайте рядок background: url (button.jpg) -. В результаті вміст файлу повинна виглядати таким чином: .button {width: 175px; height: 55px; url (button.jpg) -}.