CSS3 border-top-left-radius属性
2015-01-19 09:35
507 查看
主要是向 div 元素的四个角添加圆角边框：
实例如下：
实例如下：
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;
-webkit-border-top-left-radius:1em; /* Safari */
}
</style>
</head>
<body>
<div>border-top-left-radius 属性允许您向左上角添加圆角边框。</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5实践 -- 介绍css3中的几个属性：text-shadow、box-shadow 和 border-radius
- 用CSS3的圆角border-radius属性,画一个圆形
- CSS3 圆角属性 border-radius和-webkit-border-radius使用
- HTML5实践 -- 介绍css3中的几个属性：text-shadow、box-shadow 和 border-radius
- CSS3属性border-radius参数详解
- CSS3 border-radius 属性和CSS outline 属性
- 让IE8支持CSS3属性（border-radius、box-shadow、linear-gradient）
- CSS3 GENERATOR可以同时为一个元素完成border-radius、box-shadow、gradient和opacity多项属性的设置
- CSS3 圆角属性 border-radius
- CSS3属性之：border-radius
- CSS3 圆角属性 border-radius和-webkit-border-radius使用
- CSS3属性之一：border-radius
- CSS3属性之圆角效果——border-radius属性
- CSS3圆角border-radius属性详解
- CSS3-border-radius 属性
- CSS3属性之一：border-radius
- JS属性 ClientTop,scrollTop,offsetWidth,ClientWidth,clientLeft,padding,border,top,margin区别
- 认识CSS3—更容易的网页细节border-radius属性
- div边框弧形设计，radius的用法，CSS3 border-radius 属性
- CSS3的border-radius属性详解