css圆角代码

html-css07

css圆角代码,第1张

css3最简单:

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

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

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

1、css圆角实现的方式有很多种,最简单最方便的是使用border-radius属性。或者使用圆角图片。

2、border-radius后面直接接数值。

3、图片圆角就是事先切除圆角图片,可以制作定高,或者定宽的div。

4、使用border-radius的优点是无序添加多余结构代码,但是对于低版本的浏览器支持有问题。使用图片圆角不会有兼容问题,但是会多出多余的代码和结构。