要使用`linear-gradient`，首先需要了解其基本语法。语法如下：
```css
background: linear-gradient(direction, color-stop1, color-stop2, ...);
```
- direction：表示渐变的方向，可以是角度值（如`45deg`）或者关键词（如`to top`, `to bottom`, `to left`, `to right`）。
- color-stop：定义渐变的颜色点，每个颜色点由颜色名称或十六进制值以及可选的位置百分比组成。
例如，一个简单的从顶部到底部的线性渐变代码如下：
```css
body {
background: linear-gradient(to bottom, red, blue);
}
```
这段代码将页面背景设置为从红色到蓝色的垂直渐变。如果希望渐变更加复杂，比如添加更多的颜色停止点，可以这样做：
```css
body {
background: linear-gradient(135deg, rgba(255, 0, 0, 0.7) 0%, rgba(0, 255, 0, 0.7) 50%, rgba(0, 0, 255, 0.7) 100%);
}
```
这里设置了三个不同的颜色停止点，并且指定了透明度，使得渐变看起来更加柔和。
此外，还可以结合其他CSS属性一起使用，以达到更丰富的视觉效果。例如，在按钮上应用渐变背景可以使按钮更具吸引力：
```html
```
这个例子展示了如何在一个按钮上实现水平方向的渐变背景，同时设置了按钮的基本样式。
总之，`linear-gradient`是一个非常灵活且强大的CSS功能，适合用来创造各种美观的设计效果。通过合理地运用它，可以显著提升网站的整体用户体验。
