249.两个三角形背景

效果 (源码网盘地址在最后)

源码

index.html

  
  
  
  Document
  


  

css

html,
body {
  margin: 0;
}
div {
  width: 100vw;
  height: 100vh;
}
.box:after {
  content: ' ';
  border-top: 100vh solid #008ce6;
  border-right: 100vw solid transparent;
  width: 0;
  position: absolute;
}

源码地址

链接：https://pan.baidu.com/s/1Yrk7pZu-c18JCiBXzVoviQ 提取码：0knf