如何使用CSS創建對角背景效果

Question

是否可以使用CSS創建下圖所示的效果？

基本上我想創建<div> ，它的背景對角線分開，側面有塊色，另一側是白色？

Answer 1

您可以在background上使用linear-gradient 。 請參見以下示例：

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