문서 편집

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;

같이 보기

연결문서

토론

vln
CC Attribution-Noncommercial-Share Alike 4.0 International 별도로 명시하지 않을 경우, 이 페이지의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Noncommercial-Share Alike 4.0 International
817 B tech/css_둥근테두리_사용.txt · 마지막으로 수정됨 2016/07/12 09:26 (바깥 편집) V_L