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