我怎样才能像stackoverflow中的答案框一样使用CSS绘制一个盒子？

Question

我怎样才能在CSS中画一个盒子？我想要一个类似绿色的框来显示stackoverflow中问题的答案数量？

Answer 1

使用Firebug和“Inspect”功能;点击SO的答案框，从Firebug控制台中删除HTML和CSS。

Answer 2

使用任何元素 - 例如div，确保它显示为块级元素（即display: block）并为其指定边框。

.box { border: 1px solid #088; font-size: 4em; }

<div class="box">6</div>

运作良好。

Answer 3

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>

Answer 4

此页：http://www.w3.org/TR/CSS2/box.html

是通过Google搜索“css box”找到的第一个页面

Answer 5

您还可以使用AIS辅助功能工具栏 - http://www.visionaustralia.org.au/ais/toolbar/ - 在众多其他内容中公开用于该网站的CSS。