CSS背景纯色对角线？

Question

在CSS中是否可以创建一个看起来像这样的背景

.test {
width: 0;
height: 0;

border-bottom: 60px solid transparent;

border-left: 60px solid green;
}

但我需要一个文字来对角线。这是通过移动边框完成的，但我需要它在后台。 我知道我可以放一个图像，但我真的需要成为CSS。 谢谢

Answer 1

是的，你可以使用渐变色。虽然浏览器支持不完整（通常的嫌疑人）。

<强> Here's a live example

使用 ColorZilla's Ultimate CSS Gradient Generator 生成。