Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

HTML/CSS. Настройка стилей кнопок

Это обучающее видео показывает, как создать новую кнопку в HTML и настроить ее стиль с помощью CSS.

1) Сперва нужно добавить кнопку в HTML файле. Самые легкий способ это сделать – это использовать стандартные теги <a>. К примеру, вот этот код:

<a class="button" href="#">Button_text_here</a>

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. Настройка стилей кнопок


 
Чат
We help you to choose the right product.
Начать чат