如何绘制一个使用css的盒子，如在stackoverflow中的答案框？

Question

如何在CSS中绘制一个框？我想要一个像绿色的盒子，用于在stackoverflow中显示问题的答案数量？

Answer 1

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 2

使用任何元素 - 例如，一个div，确保它显示为一个块级元素（即display: block）并给它一个边界。

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

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

工作的很好。

Answer 3

使用Firebug和 “检查” 功能;指向SO的答案框，然后从Firebug控制台翻录HTML和CSS。

Answer 4

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

是做一个谷歌搜索“的CSS盒子”

Answer 5

找到的第一个页面，您还可以使用AIS亲和力工具列 - http://www.visionaustralia.org.au/ais/toolbar/ - 揭露用于网站的CSS在其他一些东西中。