테스트 사이트 - 개발 중인 베타 버전입니다

CSS3 border-radius 속성

· 8년 전 · 1988

CSS3 border-radius 속성

CSS3를 사용하면 border-radius속성 을 사용하여 모든 요소에 "둥근 모서리"를 부여 할 수 있습니다 .

다음은 세 가지 예입니다.



 

#rcorners1 {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px; 
    width: 200px;
    height: 150px; 
}

#rcorners2 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
    width: 200px;
    height: 150px; 
}

#rcorners3 {
    border-radius: 25px;
    background: url(paper.gif);
    background-position: left top;
    background-repeat: repeat;
    padding: 20px; 
    width: 200px;
    height: 150px; 
} 


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기