Question

类似这样的区块怎么用css、html代码实现？

有边框线，有标题栏的。谢谢大家。
哪位能提供源码？

Answer 1

<div style="width:200px;height:30px;border:1px solid #ccc"> // 外围DIV，灰色，1像素边框。宽200像素，高300像素
<h3 style="background:#f5f5f5;font:700 12px/30px '';color:#060;text-indent:8px">个人资料</h3>
//定义标题，背景浅灰色，字体加粗。12像，30行距，颜色绿色，文字与左边间距8像素
...
</div>

具体数值自己可以设置，如果颜色，尺寸，大小等

Answer 2

<div style="border:1px solid #ccc; width:100px;">
<h2 style="background:#eee; height:20px; line-height:20px;padding-left:10px;">个人资料</h2>
<div class="">内容</div>

</div>

Answer 3

用border solid 1px #CCC

追问

谢谢。那标题栏那个灰色区域呢？

追答

设置背景颜色就好了 backgroud-color