用css来实现一个三角形或扇形

css来实现一个三角形或扇形

1.css实现一个三角形





    
    
    Document

 

    

思路: border有4个边,在没有宽高的情况下,每个边其实都会变成一个三角形,我们需要哪个,就把哪个三角形设成我们想要的颜色,其余的为透明色(transparent)

2.css实现一个扇形





    
    
    Document

 

    

思路: 和实现一个三角形思路是一样的,只是多了一个圆角

你可能感兴趣的:(用css来实现一个三角形或扇形)