Front-end/Web Publishing

border-radius로 여러 모양 만들기

파리외 개발자 2023. 11. 2. 23:22

    .box1 {
      border-radius: 20px;
      border-bottom: none;
    }
    .box2 {
      border-radius: 50px;
    }
    .box3 {
      border-radius: 50%;
    }
    .box4 {
      border-radius: 50px 0 50px 0;
    }
    .box5 {
      border-radius: 200px 0 0 0;
    }
    .box6 {
      border-radius: 200px 200px 200px 0;
    }
    .box7 {
      border-radius: 200px 0 200px 0;
    }
    .box8 {
      border-radius: 100px 100px 0 0;
    }

'Front-end > Web Publishing' 카테고리의 다른 글

css 그림자 효과 주기 (box-shadow)  (0) 2024.06.13
부모 자식 선택자  (0) 2023.11.01
css 선택자 우선순위  (0) 2023.10.31