CSS Rounded Borders

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