CSS盒子模型-圆角边框

html-css029

CSS盒子模型-圆角边框,第1张

CSS3中新增了圆角边框样式，可以将盒子变为圆角。

语法：

border-radius:length

例：

radius(半径）圆角原理： 设置一个length半径大小的圆与盒子相交，保留相交后的圆角。

有四种方法可以实现圆角。

第一、直接写CSS代码：border-radius

第二、四个圆角贴图；制作四个圆角的图片，然后用css定义

第三、直接制作整个圆角矩形背景

第四、定义12个背景色：左上角4个，右上角4个，右下角4个，左下角4个。