Как много разнообразных кнопок, и как часто они используются в разных вариантах. Много проектов мне попадалось, где необходимо было стилизовать кнопку, присвоить свой определенный стиль. Проблема легко решаема. Давайте разберемся поподробней.

<style type="text/css">

.button {
           color:#fff; /* цвет букв */
           font-size:15px; /* размер шрифта */
           font-family:Arial, Helvetica, sans-serif; /* сам шрифт */
           border:1px solid #69833f; /* верхняя и левая рамка */
           border-bottom:1px solid #526533; /* рамка снизу */
           border-right:1px solid #526533; /* рамка справа */
           padding: 1px 2px; /* отступы от границ */
           cursor:pointer; /* курсор в виде указательного пальца */
           background:url(../images/bg_button.gif) repeat-x top #999; /* параметры фона */
}

</style>

Дальше нам осталось только прописать стиль этой кнопке:

<input type="submit" value="Комментировать" class="button" />

На моем блоге так реализована кнопка “Комментировать”.