当前位置:  开发笔记 > 编程语言 > 正文

使用标题标题创建div

如何解决《使用标题标题创建div》经验,为你挑选了1个好方法。

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



1> wiifm..:

HTML:

Div Title

Div content.

和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 +)等

现在有奖金演示


不,Opera(和IE 9,有一天)不支持`-moz -`或`-webkit -`前缀.
推荐阅读
跟我搞对象吧
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有