请问DIV CSS分层 边框上面两个角如何设置成圆角的?

html-css08

请问DIV CSS分层 边框上面两个角如何设置成圆角的?,第1张

CSS2,在除了IE之外的浏览器里可以实现。

代码:

.class{

border-radius:5px /*5px为圆角的半径*/

}

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

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

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

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

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

border-top-left-radius: 0px  左上角圆角弧度

border-top-right-radius: 

border-bottom-right-radius:

border-bottom-left-radius:

你试试看看能不能达到你要得效果,你这相当于少一个边框,你试试。

最好是做成背景图片