四角加粗 linear-gradient
时间: 2024-06-20 10:02:06 浏览: 122
深入剖析CSS中的线性渐变linear-gradient
四角加粗的线性渐变(linear-gradient)通常用于CSS中创建背景效果,它可以让背景颜色或图像从一个点平滑地过渡到另一个点,并且可以通过设置`border-radius`属性来实现角落的圆角或加粗效果。当应用于四角并设置`border-radius`为非零值时,线性渐变会扩展到每个角落并保持渐变的方向。
以下是一个示例代码,展示了如何创建一个四角加粗的线性渐变背景:
```css
div {
background: linear-gradient(to right, #ff0000, #00ff00); /* 颜色或透明度渐变 */
border-radius: 10px; /* 设置角落半径,这里为10像素 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 可选,添加一些阴影效果 */
padding: 20px;
/* 可调整其他样式,如宽度、高度等 */
}
```
阅读全文