CSS背景三角3種顏色

Question

我想創建一個HTML5部分中的CSS背景，它應該是這樣的：

CSS三角：

我已經研究和嘗試這樣的東西轉換傾斜或邊界處理。但是我不能像我想的那樣真正實現這一觀點。 是否有任何CSS專家在這裏？會好的。 ps - 如果存在引導解決方案也可以幫助我。

電賀

托比亞斯

Answer 1

使用linear-gradient

* { 
 
    margin: 0; 
 
    psdding: 0; 
 
    } 
 
div { 
 
    height: 100vh; 
 
    width: 100vw; 
 
    background-color: blue; 
 
    background-image: linear-gradient(10deg, lightblue 50%, transparent 50%), linear-gradient(-60deg, brown 30%, transparent 30%); 
 
    }

<div> 
 
    </div>