Border-Radius [둥근모서리]
일반적인 Border의 직각적인 형태의 Box가 아닌 둥근모서리 형태의 Box를,
이미지 사용없이 CSS3에서는 구현 할 수 있습니다.
Border-Radius 속성을 사용하기 위해 지원하는 브라우저 별로 핵코드를 사용하여,
브라우저별 프로퍼티값을 지정하였었으나,
지금은 테스트 해본 결과 Border-Radius 속성만을 적용만 하여도,
IE9 이상 기타 웹 표준 지원 브라우저에서 지원하는것을 확인 하였습니다.
불필요하게 -moz, -o-, -webkit- 등의 속성을 구분 지어 border-radius를 사용하기보다는,
만약 둥근 모서리의 반지름이 5px 일때
border-radius: 5px;
이렇게만 적용하여도 지원하고 있는 것을 확인 하실 수 있습니다.
[예제]