渐变背景色

1. 要创建渐变背景色，可以使用background-image属性并结合使用渐变函数。有两种常见的渐变函数：linear-gradient()和radial-gradient()。

• 使用linear-gradient()创建水平或垂直线性渐变背景色：

  .gradient-bg {background-image: linear-gradient(to right, #ffcccc, #ff6666);
  }

• 使用radial-gradient()创建径向渐变背景色：

  .gradient-bg {background-image: radial-gradient(circle, #ffcccc, #ff6666);
  }

渐变边框

• 要创建渐变边框，可以使用border-image属性配合渐变函数。

  .gradient-border {border: 5px solid;border-image: linear-gradient(to right, #ffcccc, #ff6666) 1;
  }

  需要注意，不同浏览器对CSS渐变的支持程度可能有所不同，建议在使用时进行测试和兼容性处理。