CSS Round 처리 하기

CSS로 라운드 처리하기 입니다.

요즘에 유난히 많이 사용을 하고 있는데 자꾸 까먹어서 그냥 써놓습니다.

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;
}

이렇게 하면 이미지처럼 나오게 됩니다.

저처럼 까먹는 분들이 있을수 있어서.ㅎㅎㅎ

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다