css实现弧形背景

maliangcoder · maliangcoder · commit 8ac1e5b1f5f6 · 2022-12-13T23:39:05.000+08:00
diff --git a/常用的CSS主流布局案例(1~8)/13_弧形背景.html b/常用的CSS主流布局案例(1~8)/13_弧形背景.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>弧形背景</title>
+  <style>
+    .container {
+      min-height: 100px;
+      background-image: linear-gradient(to bottom, rgba(251,165,165,0.3)0%,rgba(251,165,165,0.1)100%);
+      border-bottom-left-radius: 50% 40%;
+      border-bottom-right-radius: 50% 40%;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">...</div>
+</body>
+</html>
