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

Question

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

基本上我想创建<div>s 的背景对角分割，一边是块颜色，另一边是白色？

Answer 1

您可以linear-gradient在background. 请参阅以下示例：

body {
  height:100vh;
  width:100vw;
  background:linear-gradient(160deg, red, red 60%, white 60%, white);
}