从0开始html前端页面开发_CSS设置图像圆角

1、css语法：

border-radius

 

2、语法结构

1. div{border-radius:5px;} 

设置DIV对象盒子四个角5像素圆角效果

1. div{border-radius:5px 0;} 

设置DIV对象盒子左上角和右下角5px圆角，其它两个角为0不圆角

1. div{border-radius:5px 5px 0 0;} 

设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角

3、说明：

 border-radius:3px 4px 5px 6px

 

代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。

 

示列：

html代码

<STYLE TYPE="text/css">  
div{border-radius:5px;} 
</STYLE> 

css代码

div{border-radius:5px;}