您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
在CSS中，可以使用border-radius属性来实现圆角矩形效果。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<style>
.rounded-rectangle {
width: 200px;
height: 100px;
background-color: #4CAF50;
border-radius: 20px; /* 设置圆角半径 */
}
</style>
</head>
<body>
<div class="rounded-rectangle"></div>
</body>
</html>
在这个示例中，我们创建了一个名为.rounded-rectangle的类，并为其设置了宽度、高度和背景颜色。然后，我们使用border-radius属性设置了圆角半径。你可以根据需要调整这些值以获得所需的圆角效果。
如果你想要为每个角设置不同的圆角半径，可以分别指定左上、右上、右下和左下的圆角半径，如下所示：
.rounded-rectangle {
border-top-left-radius: 10px;
border-top-right-radius: 30px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 40px;
}
这将分别为矩形的四个角设置不同的圆角半径。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。