English 中文(简体)
HTML 按钮样式
原标题:
  • 时间:2009-03-14 17:38:26
  •  标签:

我该如何让一个按钮看起来像这个页面上的“Check It”按钮http://www.intus.co.za/

最佳回答

HTML: 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插件)得到的。

问题回答

如果你要做这么多事情,那就安装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;
}

Anything you want to try to duplicate on the web ought to be checked out with Firebug: http://getfirebug.com

你可以看到你所需要的 HTML 和 CSS(包括 JavaScript)。

我使用 Firebug 中的元素检查器,并且它显示此按钮的内容。

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

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

样式="边框: 1像素 #000 实线"

如果您使用IE浏览器,还有IE开发工具栏





相关问题
热门标签