border-radius

border-radius

- 네모난 박스의 테두리를 둥글게 하는 기능

- 단위는 px, %를 사용할 수 있다.

- 원을 만들때는 정사각형의 박스를 코딩하고(width, height:값일 동일) border-radius:50%; 를 사용한다.

-  border-radius: OOpx OOpx OOpx OOpx; (왼쪽위 오른쪽위 오른쪽아래 왼쪽아래 순..) 으로 사용하여 원하는 코너만 둥글게 표현 가능하다.

- 직접 원하는 코너를 지정 하는 방법도 있다.

div { width:300px; height: 300px; background:#a9ddf2; margin:50px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; }

div { width:300px; height: 300px; background:#a9ddf2; margin:50px;  border-radius: 30px / 90px; }