css div 画对角线

利用背景渐变实现从对角线

.out:before{ position: absolute; content:' '; height: 100%; width: 100%; background: linear-gradient(to top right,white,white 48%, pink , white 51%,white); left: 0; top: 0; }

效果