Как вписать в код вместо кнопки Submit красивую кнопку?

[shavedcat]

Подскажите пожалуйста как вписать в код вместо обычной кнопки Submit красивую кнопку. Как на скриншоте.

Спасибо!

<input class="fancybut" type="submit" name="Submit" value="Submit Form">

[scalpel]

Пробуй вот это

[bitix]

можно и самому нарисовать

[alexFast777]

Посмотрив в сторону Boot strap. Там много компонентов с красивым оформлением. На сайте http://itchief.ru есть примеры.

[Arigato]

Стилями сделать.

[seoshiza]

Сообщение от shavedcat

Подскажите пожалуйста как вписать в код вместо обычной кнопки Submit красивую кнопку. Как на скриншоте.

Спасибо!

<input class="fancybut" type="submit" name="Submit" value="Submit Form">

Если добавить примерно такие стили в style.css

.fancybut {
 background: linear-gradient(to bottom, #fcd59d 0%,#f19005 100%);
 color: #6d3906;
 font-family: Courier New;
 font-size: 22px;
 font-weight:bold;
 text-shadow: 0 1px 0 #757575;
 padding: 6px 0 7px 0;
 margin: 0;
 cursor: pointer;
 border: 0;
 border-top: 1px solid #f6ce95;
 border-right: 1px solid #f6ce95;
 border-left: 1px solid #f6ce95;
 border-bottom: 1px solid #f6ce95;
 box-shadow: 0 -1px 0 #f6ce95, 0 1px 0 #fff;
 width: 250px;
 border-radius: 6px;
}

То получится вот такая кнописька:
кнописька.JPG
Естественно вместо value="Submit Form" вписать value="Отправить заявку!"
А там стили редактируйте как хотите, под себя.

P.S. Ах да, совсем забыл, чтобы при клике на кнопку был эффект нажатия в стили нужно добавить:

.fancybut:active{
  padding-top:5px;
}