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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章