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

Question

3

使用CSS能否创建以下图片中显示的效果？

基本上我想创建一个 <div> ，它的背景被对角线分成两个部分，一侧是块状颜色，另一侧是白色？

- JMD

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sebastian Brosch · Accepted Answer

您可以在 background 上使用 linear-gradient。请参考以下示例：

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