用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