一、CSS画三角形的原理
/* 通过给元素设置宽高为0,同时设置边框属性达到画三角形的效果 */ .triangle { width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid #000000; border-right: 20px solid #000000; }
以上代码展示了画一个等腰直角三角形的原理。对于三角形的宽高以及边框颜色和大小的设定,可以根据需求进行调整。
/* 通过给元素设置宽高为0,同时设置边框属性达到画三角形的效果 */ .triangle { width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid #000000; border-right: 20px solid #000000; }
以上代码展示了画一个等腰直角三角形的原理。对于三角形的宽高以及边框颜色和大小的设定,可以根据需求进行调整。
2023-05-19
2022-11-26
2022-11-23
2023-01-05
2022-11-23
2022-11-10
2023-05-20
2022-11-08
2022-11-12
2022-11-15
2022-11-17
2023-05-18
2022-11-13
2022-11-30
2022-11-08
2022-11-17
2022-11-28
2022-11-14
2022-11-09
2023-05-18