css – 用标题头创建div [已关闭]

我将如何使用纯CSS创建以下(没有图像,没有表,没有 javascript)？
alt text http://img530.imageshack.us/img530/3209/divs.png

解决方法

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)等中使用

现在奖金demo

原文地址：https://www.jb51.cc/css/214201.html