css实现圆角的几种方法是什么?

html-css027

css实现圆角的几种方法是什么?,第1张

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

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

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

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

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

css3最简单:

border-radius:10px---4个角都是10px的圆角。

你也可以:border-radius:2px 3px 4px 5px分别对应容器的右上、右下、左下、坐上。

如果是css2的话,需要用到图片来实现圆角。