用html+css的知識 畫出三角形


1.第一步回顧學習過html+ css的知識,我們先理清自己的思路

2.添加一個div盒子,此時,暫不設置border值,只初始化它的寬高。那么,我們將呈現出一個border=0,widthheight均為200px的盒

3.我們再來調整他的border-top、border-left、border-bottom、border-right的值可以得出

          border的長等於 盒子的長度 + 相鄰border的寬度。

          

 

 4.根據之上的我們可以得出當border-style: solid ;   border-style:100 px ;  width:0;height:0;的圖形

 

 

 

  5.通過設置broder-color其中的任意三種顏色。就可以得到三角形了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM