PhoneGap中文网

标题: css3 中如何创建圆角边框 [打印本页]

作者: admin 时间: 2013-7-19 18:04
标题: css3 中如何创建圆角边框
CSS3 圆角边框

在 CSS2 中添加圆角矩形需要技巧。我们必须为每个圆角使用不同的图片。

在 CSS3 中，创建圆角是非常容易的。

在 CSS3 中，border-radius 属性用于创建圆角：

这个矩形有圆角哦！

简单实例向 div 元素添加圆角：

div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}

复制代码

完整示例：

<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>

复制代码

作者: 你懂得 时间: 2013-9-27 15:47
谢谢楼主，共同发展

作者: phonegap100 时间: 2013-9-27 23:28
路过，支持一下啦

作者: phonegap100 时间: 2013-9-30 00:03
不错不错，楼主您辛苦了。。。

作者: 野蛮人 时间: 2013-10-24 16:43
这个不错。。顶

作者: ymhsky 时间: 2014-1-14 12:02
很好，学习了！

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)