Генератор Button

Название текста

Текст :


Шрифт кнопки

Шрифт :

Размер шрифта :

18px

Границы у кнопки

Скругление углов:

4px

Границы у кнопки

Стиль :


Ширина:


Цвет границы :

Отступы у кнопки

От левого края :


От правого края :


От верхнего края :


От нижнего края :


Цвет текста

Цвет текста:

Цвет фона кнопки

Задний фон :

Кнопка при наведении

Цвет текста:

Задний фон:

Стиль границы:


Цвет границы :

HTML Код

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

CSS Код

.button {

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

border-radius:4px;

border: 0px solid black

padding-left:10px;

padding-right:10px;

padding-top:5px;

padding-bottom:5px;

color:#ffffff;

background-color:#cc6666;

outline:none;

border:none;

cursor:pointer;

display:inline-block;

}

.button:hover {

color:#ffffff;

background-color:#8e4747;

}