css实现长方体颜色横向渐变

要使用CSS实现一个长方形的颜色横向渐变，你可以使用`linear-gradient`属性。下面是一个基本的例子：

.rectangle {
  width: 300px; /* 设置宽度 */
  height: 200px; /* 设置高度 */
  background-image: linear-gradient(to right, red, orange, yellow); /* 横向渐变，从左到右颜色变化 */
}

在这个例子中，`.rectangle`选择器设置了长方形的样式，它的背景颜色会从红色渐变到橙色，再渐变到黄色。`to right`表示渐变方向是从左到右。

如果你想让渐变有不同的方向，可以将`right`替换为其他值，例如`top left`表示从左上角到右下角渐变，`bottom`表示从顶部到底部等。