Основным элементом дизайна являются кнопки. Используя CSS3, можно создать неплохие кнопочки.  В данной статье будет рассказано, как сделатть кнопки различных размеров и цветов. А в качестве бонуса предлагаю оригинальную форму поиска  на CSS.

Полностью исходники в статье не привожу, внизу статьи есть ссылка на скачивание примера, и ссылка на просмотр этого самого примера.

Кнопки выводим с помощью стилей. Воспользуемся возможностью наращивать стили.

Пример вывода кнопки:

<a class="button red bigr" href="#">Красный</a>


где button вывод кнопки, red - цвет кнопки (красный цвет), bigr - размер и форма кнопки (большая закругленная).

Или черная средняя кнопка:

<a class="button black medium" href="#">medium</a>


Таким образом, мы можем вывести любой размер и формат кнопки и любой ее цвет. Для отображения одной - двух кнопок не обязательно прикреплять все стили. Достаточно скопировать только те размеры и цвета, которые нам необходимы.

Вот примеры всех видов кнопок. Показаны картинки для того, чтобы видеть максимальные возможности CSS3, так как не все браузеры одинаково отображают эти кнопки. К примеру, в опере нет градиента, а в ИЕ нет закругления

Разные размеры (надпись на кнопке - примененный стиль)

Все цвета радуги...

Разные элементы

Ещё цвета...

И обещанный бонус. Форма поиска.