[CSS] 박스 원형으로 만들기

박스 요소를 원형으로 만들고 싶을때가 있다.

paint 앱을 만드는 과정에서 다음과 같은 상황이 나타났다.

사각형은 별로 이쁘지 않다.

 

이걸 원형으로 만들고 싶다면, 공식은 간단하다.

width/2의 값으로 border-radius 값을 지정해주면 된다.

원형이 되었다.