我该如何让一个按钮看起来像这个页面上的“Check It”按钮http://www.intus.co.za/?
HTML 按钮样式
原标题:
最佳回答
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开发工具栏。
相关问题
热门标签
- winforms
- combobox
- fogbugz
- java
- date
- internationalization
- asp.net
- iis
- url-rewriting
- urlrewriter
- c#
- enums
- ocaml
- haxe
- algorithm
- string
- viewstate
- .net
- c++
- c
- symbol-table
- mysql
- database
- postgresql
- licensing
- migration
- vb.net
- vb6
- declaration
- vb6-migration
- python
- psycopg2
- backup
- vmware
- virtualization
- gnu-screen
- authentication
- desktop
- excel
- xll
- cultureinfo
- regioninfo
- oracle
- client
- session
- download
- html
- virtual
- constructor
- scenarios
- perl
- full-text-search
- javascript
- ajax
- testing
- oop
- inheritance
- vim
- encapsulation
- information-hiding