角邊框

Question

Click for the problem's illustration

我應該如何實現這一點，鑑於背景不紮實？我嘗試不同的解決方案，但他們沒有充分契合

Answer 1

開始就是這樣，

<div id="box"> 
    <div id="rectangle"></div> 
</div> 

CSS

#box { 
    height: 100px; 
    width: 400px; 
    overflow: hidden; 
    background-color: black; 
} 

#rectangle { 
    width: 0; 
    height: 0; 
    border-top: 100px solid transparent; 
    border-right: 300px solid white; 
}