- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
HTML/CSS. Настройка стилей кнопок
Декабрь 26, 2011
Это обучающее видео показывает, как создать новую кнопку в HTML и настроить ее стиль с помощью CSS.
1) Сперва нужно добавить кнопку в HTML файле. Самые легкий способ это сделать – это использовать стандартные теги . К примеру, вот этот код:
Button_text_here
2) Создайте новый стиль для кнопки в файле style.css: выберите цвет фона (background color), ширину (width) and отступ. Например:
.button1 {background:#000000;padding:5px;}
3) Стиль кнопки при наведении на нее курсора мыши создается точно также. Вам нужно создать CSS класс ".button_name:hover":
.button1:hover {background:#FF0000; padding:5px;}
4) Сохраните изменения в HTML и CSS файлах и откройте сайт для просмотра изменений.
HTML/CSS. Настройка стилей кнопок