배경이미지 썸네일형 리스트형 [React] 배경이미지 삽입과 폰트 디자인 저번 시간에 이어서 웹페이지를 꾸며보겠습니다. 웹페이지가 너무 휑해 보이지 않나요? 오늘은 배경이미지를 넣어보겠습니다. 먼저 app.css 파일로 넘어가 줍니다. 이미지를 넣기 위해선 다운받은 이미지를 드래그 혹은 직접 소스 폴더에 넣어 주셔야 합니다. 그다음 app.css에서 body 태그를 하나 만들어줍니다. body { background-image: url(./hearts-1215842_960_720.jpg); } 그리고 background-image: urp(이미지 경로); 이렇게 코드 넣어주시면 됩니다. 적용 되었는지 한 번 확인해 볼까요? 이제 좀 그럴듯 해 보이네요 하지만 여기서 문제점이 조금 있습니다. 웹페이지 사진이 사이즈가 맞지 않아서 2장이 반복되서 보입니다. 배경이미지 전용 css.. 더보기 이전 1 다음
