티스토리 뷰

코딩

CSS-크기변경하기

남평HILL 2024. 4. 21. 20:33

목차



    반응형

     

     

    크기변경하기 

     

    div의 폭과 너비를 바꾸기 위해 width와 height 를 사용한다. 페이지의 CSS코드를 아래 내용으로 바꿔라. 

     

     


     .divA  {
                background-color: red;
                width: 200px;
                height: 200px;
     }
     .divB  {
                background-color: blue;
                width: 50%;
     }
               

     

     

    divA 클래스는 배경색을 빨간색, 너비는  200픽셀, 높이도 200픽셀로 출력하라는 의미이고  클래스 divB는 배경을 파란색, 너비는 페이지 너비의 50%를 차지하게 하라는 의미이다

     

     


     

     

    위의 코드를 적용한 코딩의 결과값

     

    CSS 코딩

     

     

     

    위 코딩의 결과값입니다

     

     

    결과값

     

     

    반응형

    '코딩' 카테고리의 다른 글

    CSS-포지션을 이용한 레이아웃  (0) 2024.04.23
    CSS-플로트로 위치 지정하기  (0) 2024.04.22
    CSS-컬러코드  (0) 2024.04.21
    CSS - DIV  (0) 2024.04.21
    CSS - 아이디  (0) 2024.04.20