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

Question

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

基本上我想创建<div> ，它的背景对角线分开，侧面有块色，另一侧是白色？

Answer 1

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

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