Стиль кнопки HTML

Question

как я могу получить кнопку, похожую на кнопку "Проверить это" на этой странице http://www.intus.co.za/

Answer 1

HTML:

<input class="field" type="submit" style="margin-right: 10px;" value="Check It"/>

CSS:

.field {
border:1px solid #000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}

Я получил это, используя Firebug (плагин Firefox).

Answer 2

Если вы собираетесь сделать это много, возьмите Firebug и просто осмотрите элемент, который вам нравится. Показывает:

<input class="field" type="submit" onclick="javascript:popup();return false;" style="margin-right: 10px;" value="Check It"/>

.field {
  border:1px solid #000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}

Answer 3

Я использовал инспектор элементов в Firebug , и он показывает это для кнопки.

element.style {
margin-right:10px;
}

.field {
border:1px solid #000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}

Answer 4

Все, что вы хотите скопировать в Интернете, должно быть проверено с помощью Firebug: http://getfirebug.com

Вы можете увидеть нужные вам HTML и CSS (и JavaScript).

Answer 5

... или, если вы используете IE, есть IE Developer Toolbar .

Answer 6

style = "border: 1px # 000 solid"