如何繪製一個使用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在其他一些東西中。