CSS应用场景之实现一个三角形、扇形、宽高自适应的正方形、0.5px的线、小于12px的字体

1. 实现一个三角形

.top{
   
    
    
    width: 0;height: 0;
    border-top: 50px solid rgb(101, 150, 255);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}

2.实现一个扇形

.sector{
   
    
    
    width: 0;height: 0;bor