css 不规则背景
时间: 2023-07-23 18:21:05 浏览: 306
要创建 CSS 不规则背景,可以使用 CSS 的 `clip-path` 属性。这个属性可以用来裁剪元素的形状,从而创建出不同形状的背景。你可以使用 `polygon()`、`circle()`、`ellipse()`、`inset()` 等函数来定义不规则形状。例如,可以使用 `polygon()` 函数来创建一个三角形背景:
```css
.element {
clip-path: polygon(0 0, 0 100%, 100% 100%);
background-color: #f0f;
}
```
上面的代码将创建一个从左上角到左下角再到右下角的三角形背景,背景颜色为紫色。你可以调整 `polygon()` 函数中的坐标值来创建不同形状的背景。
阅读全文