html中边框只让一遍又弧度,在css中怎样让边角具有弧度

对于border属性，css3提供了四个单独的属性，

* border-top-left-radius：

* border-top-right-radius

* border-bottom-right-radius

* border-bottom-left-radius

也就是这四个单独的属性，可以实现弧度的转换。

例：

radius可向 div 元素添加圆角边框。

border-radius 是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。如果没有“/”，则水平和垂直半径相等。另外其四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置的其主要会有下面几种情形出现：

1、只有一个值，那么 top-left、top-right、bottom-right、bottom-left 四个值相等。

2、有两个值，那么 top-left 等于 bottom-right，并且取第一个值；top-right 等于 bottom-left，并且取第二个值

3、有三个值，其中第一个值是设置top-left;而第二个值是 top-right 和 bottom-left 并且他们会相等,第三个值是设置 bottom-right。

4、有四个值，其中第一个值是设置 top-left 而第二个值是 top-right 第三个值 bottom-right 第四个值是设置 bottom-left。