English 中文(简体)
我怎么用CSS画出类似于stackoverflow的答案框的盒子?
原标题:
  • 时间:2008-12-30 13:35:31
  •  标签:

我如何在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以及其他许多内容。





相关问题
热门标签