[CSS] line으로 circle 만들기

 

 

 

  CSS에서 line으로 circle 만들기

 

 

 

 

1.  width, height px를 똑같이 해서 정사각형을 만든다.

.circle-by-line{
    width: 20px;
    height: 20px;
}

 

 

2. border-radis를 50% 줘서 테두리를 둥글게 만든다.

.circle-by-line{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

완성!