|
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>
复制代码 |
|