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

1、css语法：

border-radius

2、语法结构

div{border-radius:5px;}

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

div{border-radius:5px0;}

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

div{border-radius:5px5px00;}

设置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;}