使用标题标题创建div

Question

我如何使用纯CSS(没有图像,没有表,没有javascript)创建下面的内容？ 替代文字http://img530.imageshack.us/img530/3209/divs.png

Answer 1

HTML:

<div class="box">
    <h2>Div Title</h2>
    <p>Div content.</p>
</div>

和CSS:

.box {border:2px solid #0094ff;}
.box h2 {background:#0094ff;color:white;padding:10px;}
.box p {color:#333;padding:10px;}

使用CSS3作为边框半径

.box {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

上面的代码适用于firefox,safari,chrome,opera(10.5 +)等

现在有奖金演示