1、
border-radius：该CSS属性是为一个div设置弧度值。下面遇到这样一个需求：
如图：
可见右边的两个角是没有弧度，设置左边的两个角有弧度即可。
2、
对于border属性，CSS3提供了四个单独的属性：（可以实现弧度的转换）
|
属性值
|
说明
|
|
border-top-left-radius
|
为左上角设置弧度值
|
|
border-top-right-radius
|
为右上角设置弧度值
|
|
border-bottom-left-radius
|
为左下角设置弧度值
|
|
border-bottom-right-radius
|
为右下角设置弧度值
|
测试：
我们设置：border-top-left-radius: 15px;
见效果：可见只有左上角具有了px的弧度。
3、
border-radius后面可以接不同个数的值：（和margin、padding等属性有些类似：）
1）border-radius后面有一个值时：表示四个角的值都相等（常用情况）
border-radius：15px；即：上下左右四个角的弧度值都是15px；
2）border-radius后面有两个值时：表示左上角 和 右下角 值相等取第一个值，右上角和左下角 值相等 取第二个值
border-radius：5px 15px；左上角和右下角为5px，右上角和左下角为15px；
3）border-radius后面三个值时：表示左上角 取第一个值，右上角和左下角弧度值相等并取第二个值，右下角取第三个值
border-radius：5px 10px 15px；左上角5px，右上角和左下角10px，右下角15px；
4）border-radius后面四个值时：分别代表左上角 右上角 右下角 左下角四个位置的弧度值。
border-radius：0px 5px 10px 15px；左上角0，右上角5px，右下角10px，左下角15px；
4、
最后所有有关border-radius的相关用法都记录完了，实现我们的需求就轻而易举了：
border-radius：15px 0 0 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
见效果：（以上两种写法都可以实现：）
CSS 的border属性是一个非常有用的属性，它可以为网页元素设置边框样式、宽度和颜色等。本文介绍了border属性的详细语法和使用方式，主要包括和等属性的具体含义和使用方法。如有疑问，欢迎提出。希望本文对您有所帮助。
实现边框圆角
-moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; behavior: url(border-radius.htc);
复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <style typ
#CSS3如何实现DIV圆角边框
在进行页面布局时，DIV边框默认是矩形边框，想让边框为圆角时，可以用CSS3的border-radius这一属性来实现。
例如：想让div盒子边框四个角都为半径为10px的圆角时具体代码如下：
下面对border-radius具体细节进行介绍：
语法：border-radius: 1-4 length|% / 1-4 length|%;
注释：按此顺...
复制代码代码如下:.img-preview{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-bottom-color: #B8B8B8;border-bottom-left-radius: ...
