我如何在CSS中绘制一个框?我想要一个类似于Stackoverflow中用于显示问题答案数量的绿色框。
我怎么用CSS画出类似于stackoverflow的答案框的盒子?
原标题:
最佳回答
CSS:层叠样式表。
.answerbox
{
height: 150px; /*Specify Height*/
width: 150px; /*Specify Width*/
border: 1px solid black; /*Add 1px solid border, use any color you want*/
background-color: green; /*Add a background color to the box*/
text-align:center; /*Align the text to the center*/
}
HTML:
<div class="answerbox">4 <br /> Answers</div>
问题回答
使用Firebug和“检查”功能,在SO上指向答案框并从Firebug控制台中获取HTML和CSS。
使用任何元素,例如 div
,确保其显示为块级元素(即 display: block
),并给其添加边框。
.box { border: 1px solid #088; font-size: 4em; }
<div class="box">6</div>
表现良好。
这个页面:http://www.w3.org/TR/CSS2/box.html
是通过在Google搜索“CSS盒子”查找到的第一页。
您还可以使用AIS辅助工具栏-http://www.visionaustralia.org.au/ais/toolbar/ - 暴露出用于站点的CSS以及其他许多内容。
相关问题
热门标签
- 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