admin 发表于 2013-7-19 18:04:24

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:25

谢谢楼主，共同发展

phonegap100 发表于 2013-9-27 23:28:14

路过，支持一下啦

phonegap100 发表于 2013-9-30 00:03:55

不错不错，楼主您辛苦了。。。

野蛮人 发表于 2013-10-24 16:43:34

这个不错。。顶

ymhsky 发表于 2014-1-14 12:02:40

很好，学习了！
页: [1]
查看完整版本: css3 中如何创建圆角边框