Генератор кнопок CSS3

Порядок работы с генератором кнопок

1.Используя 3 ползунка определите форму кнопки.
2.Установите цвет верхнего градиента кнопки.
3.Установите цвет нижнего градиента кнопки.
5.Установите цвет верхнего бордюра кнопки.
6.Установите цвет верхнего градиента при наведении мыши.
7.Установите цвет нижнего градиента при наведении мыши.
8.Установите цвет текста в обычном состоянии.
9.Установите цвет текста при наведении мыши на кнопку.
10.Установите цвет фона при нажатии мыши на кнопку.
11.Установите тип семейства шрифтов для текста.
12.Нажмите на готовую кнопку для получения стиля CSS.
13.Скопируйте готовый код в зону <style>
14.Добавьте свойство width:50px; для определения ширины.
14(а)В свойстве width:50px; ширина = 50 пикселей.
15.Примените класс стиля .button к нужному тегу.

Пример подключения стиля к тегу

<style>
Сюда полученный код стиля + добавите свойство width:ХХpx;
</style>
<div class="button">Текст в кнопке</div>

Дополнительная информация

Свойство ширины не генерируется целенаправленно.
На случай если применяется ширина родительского элемента.
Подробнее о работе генератора читайте ЗДЕСЬ.