如何将渐变色纵向拉伸在背景上

要将线性渐变颜色纵向拉伸在HTML/CSS的背景上，你需要使用CSS的`background-image`属性，并结合`background-size`属性来控制渐变的尺寸。假设你想让线性渐变从上到底部延伸，你可以这样做：

selector {
  background-image: linear-gradient(to bottom, color-stop(0%, start-color), color-stop(100%, end-color)); /* 水平渐变 */
  background-size: 100% 100%; /* 将渐变拉伸至背景的全部高度 */
}

在这个例子中，“selector”替换成你的实际选择器，比如`.your-class` 或者 `#your-id`。`to bottom` 表示渐变的方向从顶部到底部，`start-color` 和 `end-color` 分别是你想要的渐变起始和结束颜色。

如果你想让渐变在垂直方向上也拉伸，只需保持`background-size`为 `100% 100%` 即可，因为默认情况下它就是填充整个元素的宽度和高度。

如果你有特定的起点和终点百分比，请替换相应的数值和颜色，例如 `linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, #93B897 100%)` 的用法也可以参照此规则。