直接上html代码(将代码放置body里面或者是你想生成div对角线的地方即可)
方法一:线性渐变linear-gradient()
<div style='width:100px;height:100px;margin-left:50px;box-sizing:border-box;border:1px solid #ddd;background:linear-gradient(45deg,transparent 49.5%, #ddd 49.5%, #ddd 50.5%, transparent 50.5%);'></div>
效果: