Publishing/CSS3

CSS Rounded Borders

oodada 2020. 2. 24. 11:00

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 Border  (0) 2020.02.24
CSS Backgrounds  (0) 2020.02.21
CSS Text  (0) 2020.02.21
티스토리 친구하기