css实现圆角的几种方法是什么？_IT百科

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

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

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

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

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

你好我的回答请采纳吧！

border-radius: 4px /*目标元素四角都为4px的圆角*/

border-top-right-radius: 4px /*目标元素右上角为4px的圆角*/

border-top-left-radius: 4px /*目标元素左上角为4px的圆角*/

右下角和左下角也同样使用border-top-right-radius的书写格式。

请采纳吧！

用border-radius属性来实现圆角功能

border-radius使用案例

<!doctype html>

<html>

<head>

#div1{

border:1px solid #f00

width:200px

height:100px

border-radius:4px 10px 20px 30px

}

</style>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

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