HTML按钮样式

时间:2009-03-14 17:38:27

标签: html css

如何才能让按钮看起来像此页面上的“检查”按钮http://www.intus.co.za/

6 个答案:

答案 0 :(得分:5)

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插件)获得了这个。

答案 1 :(得分:3)

如果你要做这么多,请获取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;
}

答案 2 :(得分:1)

您想要尝试在网络上复制的任何内容都应该使用Firebug进行检查: http://getfirebug.com

您可以看到您需要的HTML和CSS(以及JavaScript)。

答案 3 :(得分:1)

我在Firebug中使用了元素检查器,并为按钮显示了这一点。

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

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

答案 4 :(得分:0)

style =“border:1px#000 solid”

答案 5 :(得分:0)

...或者,如果你使用IE,那就是IE Developer Toolbar