角边框

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; 
}