둥근 모서리가있는 div에 테두리를 적용 하시겠습니까?

Question

둥근 모서리가있는 div에 테두리를 어떻게 추가합니까? 시도 할 때 모서리가 이상하게 보입니다. 국경은 끝까지 감싸 웁니다. IE의 이전 버전에 대한

Answer 1

호환성 문제가 될 수 있지만, 아래의 예는 현대적인 브라우저에서 작동합니다 : 여기에 EXAMPLE

http://css-tricks.com/snippets/css/rounded-corners/

의

CSS

div{ 
    width: 50px; 
    height: 20px; 
    padding 5px; 
    border: 1px solid red; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; /* future proofing */ 
    -khtml-border-radius: 10px; /* for old Konqueror browsers */ 
    background-color: green; 
}