CSS 둥근테두리 사용하기
최신 브라우져 에서는
border-radius: 3px;
한줄로 해결된다.
ie9, 파폭, 크롬 등에서 지원함.
/* 왼쪽위 */ -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; /* 왼쪽아래 */ -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; /*오른쪽위*/ -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; /*오른쪽 아래*/ -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px;