[CSS] border-radius 속성

[개요]

border-radius 속성은 요소의 테두리를 둥글게 만들어 줍니다. px 단위와 % 단위를 사용할 수 있으며, border 속성 없이도 사용할 수 있습니다. 총 4개의 모설리를 각각 다른 값으로도 줄 수 있습니다. margin 및 padding 속성 처럼 4개의 값을 띄워쓰면 왼쪽-위-부터 시계 방행으로 각자 다른 값을 지정할 수 있습니다.

 

[사용법]

 

#box{
	border-radius: 5px;
	border-radius: 1px 2px 3px 4px;
}

 

[예시]

[결과]