css畫出div的對角線

直接上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>

效果:

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章