Итак, делаем красивые кнопки на сайт. Для тех, кто не знаком с CSS.
Вставляем с CSS (управление дизайном).
Вот стандартный стиль:
Code
button, input[type=button], input[type=submit], input[type=reset] { здесь стили }
А так можно сделать стили для наведения на кнопку:
Code
button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { здесь стили }
А так - стили при нажатии:
Code
button:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active { здесь стили }
Стили пишутся так:
Code
параметр:значение; параметр:значение
Параметры.
Фон (здесь красный цвет - #FF0000)
Code
background-color: #FF0000;
Границы
Code
border:solid 1px #FF0000;
(здесь solid можно заменить на dashed или dotted для пунктирных или точечных линий;
1px - на другую ширину;
#FF0000 - на нужный цвет)
Сглаживаем уголки
Делаем красивую тень
Code
box-shadow:0 2px 2px #555;
Или добавляем небольшой объем
Code
box-shadow:0 2px 2px #555, 0 -5px 5px rgba(255,255,255,0.2), 1px 1px 1px rgba(255,255,255,0.5), -1px -1px 1px rgba(255,255,255,0.5);
Надеюсь, вам хоть немножко помогло.
P.S. Гляньте офигенный сайт, Доступно только для пользователей
