<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>弹框</title>
<style type="text/css">
body{
background-color: #00A9FF;
}
.card {
width: 200px;
height: 120px;
background-image: radial-gradient(circle at 100px -8px, transparent 20px, #b4a078 21px);
}
</style>
</head>
<body>
<div class="card"></div>
</body>
</html>
css实现背景圆弧卡片background-image: radial-gradient();
最新推荐文章于 2024-07-17 16:26:33 发布