본문 바로가기
Publishing/CSS3

CSS Rounded Borders

by 오다다의 이상한 코드 odada 2020. 2. 24.

border-radius속성은 요소에 둥근 테두리를 추가하는 데 사용

.border_radius1 .radius {
        display: inline-block;
        width: 100px;height: 100px;
        background: gray;
    } 
    .border_radius1 .radius1 {
        border-radius: 10px;
    }
    .border_radius1 .radius2 {
        border-radius: 50%;
    }
    .border_radius1 .radius3 {
        border-radius: 100px 100px 0 0; 
    }
    .border_radius1 .radius4 {
        border-radius: 40px 15px 40px 15px;
    }

'Publishing > CSS3' 카테고리의 다른 글

CSS Margins  (0) 2020.02.25
CSS width/height  (0) 2020.02.24
CSS Rounded Borders  (0) 2020.02.24
CSS Border  (0) 2020.02.24
CSS Backgrounds  (0) 2020.02.21
CSS Text  (0) 2020.02.21

댓글0