如何利用CSS画一个三角形

85 阅读1分钟

具体操作步骤:

1.设置一个宽高为0的盒子

2.将盒子的四个边框分别设置一样的宽度border,不同的颜色

snipaste20230329_121838.jpg

snipaste20230329_121853.jpg

3.实现了四个三角形,需要其中的一个三角形,要做的就是用transparent将其他三个边框隐藏掉,就能看到效果了

snipaste20230329_122358.jpg

snipaste20230329_122416.jpg