css制作钝角
在CSS中制作钝角（大于90度的角）通常可以通过多种方法实现，以下是几种常见的技术方案：
使用 border-radius 创建钝角
通过调整 border-radius 的数值，可以创建带有钝角的元素。钝角的效果通常需要结合不同方向的圆角值：
.obtuse-angle {
width: 200px;
height: 100px;
background: #3498db;
border-radius: 20px 40px 60px 80px; /* 分别控制四个角的圆角程度 */
}通过调整四个角的圆角值，可以模拟钝角效果。数值越大，圆角越明显，钝角感越强。
使用 clip-path 自定义钝角
clip-path 允许通过多边形路径精确裁剪元素形状，适合创建复杂的钝角效果：
.obtuse-angle {
width: 200px;
height: 100px;
background: #e74c3c;
clip-path: polygon(
0 0, /* 左上角 */
90% 0, /* 右上角（钝角起点） */
100% 100%,/* 右下角 */
0 100% /* 左下角 */
);
}通过调整多边形顶点的坐标（如 90% 0），可以控制钝角的倾斜程度。
使用伪元素和旋转
通过伪元素结合 transform: rotate() 可以生成钝角效果：
.obtuse-angle {
position: relative;
width: 200px;
height: 100px;
background: #2ecc71;
overflow: hidden;
}
.obtuse-angle::after {
content: '';
position: absolute;
top: 0;
right: -20px;
width: 40px;
height: 100%;
background: #2ecc71;
transform: skewX(-20deg); /* 负值表示钝角倾斜方向 */
}通过调整 skewX 的角度值（如 -20deg），可以改变钝角的倾斜程度。
使用 background-image 和渐变
通过线性渐变模拟钝角边缘：
.obtuse-angle {
width: 200px;
height: 100px;
background: linear-gradient(
to bottom right,
transparent 70%,
#f39c12 70%
);
}通过调整渐变的百分比（如 70%），可以控制钝角的起始位置。
注意事项
- 钝角的具体表现取决于设计需求，建议通过浏览器开发者工具实时调整参数。
clip-path的兼容性较好，但需注意旧版本浏览器的支持问题。- 若需动态钝角效果，可通过CSS变量或JavaScript联动控制关键属性（如
clip-path的坐标）。
