CSS박스안에박스1 [HTML/CSS] div요소와 box안에 box이미지 넣어서 반응형 데스크탑 모바일 페이지 만들기 [HTML/CSS] div요소와 box안에 box이미지 넣어서 반응형 데스크탑 모바일 페이지 만들기 오늘 만들어볼 예제는 다음 사진과 같다. 더보기 먼저, 예제를 분석해보자. 왼쪽은 데스크탑형이고 오른쪽은 모바일형이다. 1. 반응형 때문에 HTML의 table 표 태그를 사용하는 것보다 CSS로 만드는 것이 좋겠다. 2. 박스안에 박스를 만들고 그 박스안에 이미지와 텍스트를 넣어야한다. div 태그들을 사용해서 박스안에 박스를 만들어주고자 한다. 1. HTMl 기본 형식을 갖추고 body에 div 태그를 통해 이미지를 불러와주었다. - div class=box로 묶어서 css에서 스타일을 한번에 적용할 수 있게 만들어주었다. - 이미지폴더 안에 p1~p6을 음식사진으로 지정해두고 이미지를 불러왔다. 삼겹.. 2023. 5. 9. 이전 1 다음
