如何使用CSS创建对角线背景效果

如何使用CSS创建对角线背景效果,css,html,Css,Html,是否可以使用CSS创建下图所示的效果 基本上,我想创建一个背景沿对角线分割的s,一边是块颜色,另一边是白色?您可以在背景上使用线性渐变。请参见以下示例: 正文{ 高度:100vh; 宽度:100vw; 背景:线性梯度(160度,红色,红色60%,白色60%,白色); }

是否可以使用CSS创建下图所示的效果


基本上,我想创建一个背景沿对角线分割的
s,一边是块颜色,另一边是白色?

您可以在
背景上使用
线性渐变。请参见以下示例:

正文{
高度:100vh;
宽度:100vw;
背景:线性梯度(160度,红色,红色60%,白色60%,白色);
}