div css圆角边框怎么设置?除了用图片的方法以外还有其他方法吗?

html-css013

div css圆角边框怎么设置?除了用图片的方法以外还有其他方法吗?,第1张

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

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

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

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

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

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

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

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

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

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

语法:

border-radius:length

例:

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