keembloo

만들어진 칸마다 이름 지정하여 이펙트주기 css에서 grid로 만들어진 칸마다 이름을 지정해줄 수 있다. 1.html에서 나눌 부분들을 작성하여 class 속성을 준다. 그 리 드 임 2.css에서 grid-template-areas 속성을 입력하여 이름을 지정해준다. - 주의할 점은 속성의 맨 뒤에만 세미콜론을 입력한다. .gridbox{ width: 400px; height: 600px; border: 1px solid black; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "top top" "left right" "bottom bottom"; } 3. css에서 ..

웹 브라우저에서 레이아웃 만드는데는 여러가지 방법이 있다. CSS에 grid 속성 부여하기 1. html에서 class 속성을 부여한다. 박 스 2. css에서 girdbox에 grid 속성을 부여한다. .gridbox{ width: 300px; height: 200px; border: 1px solid black; display: grid; } 3. 이어서 그리드를 나눠주는 속성을 부여한다. .gridbox{ width: 300px; height: 200px; border: 1px solid black; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; } 여기서 나오는 1fr은 웹브라우저를 등분한다고 ..