Как создать кнопку для сайта с помощью CSS Наверное, каждый из нас уделяет некоторое внимание дизайну веб-сайта. Именно поэтому сегодняшний урок пойдет о создании элементов нашего сайта. Если говорить точнее – урок пойдет о создании красивой кнопки для веб-сайта.

Cоздать кнопку для сайта можно различными путями. Один из них – это создание динамической кнопки средствами CSS. Почему динамической? Да потому, что изображение нашей кнопки будет изменяться при наведении.

Для создания кнопки нам необходимо разместить в файле стилей сл. код:

.bt {
border:solid 1px;
border-color:#999999;
color:#333333;
padding:3px;
font-size:12px;
}

.bt:hover{
    background: #E6EFC2 !important;
    border:1px solid #C6D880;
    color:#529214 !important;
}

Код для использования кнопки выглядит так:

<input class="bt" type="button" value="Рассчитать" >

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

Добавлено: 24 Мая 2018 21:52:16 Добавил: Андрей Ковальчук Нравится 0

Добавить