이미지 카드 리스트 만들기(image card list) +추가수정
·
🐣codeLab
참고 홈페이지https://www.yuseong.go.kr/prog/trrsrt/TRSE_01/tour/sub02_01/list.do기간21.10.13 ~ 21.10.14🔥 주의사항 🔥불필요한 태그 빼기.알맞은 태그 넣기.디자인에 맞게 적용하기. 📌 [정리]텍스트부터 채운다. font에서 부터 padding,margin을 끝으로 안에서 밖으로 작업한다.img의 경로가 잘못되거나 로딩이 안 될 경우, 대체 이미지를 넣어준다.img src="" onerror="this.src='대체이미지경로'"background-image텍스트는 말줄임표를 넣어준다.이미지 높이는 padding-top으로 만들어주고 그 안을 이미지로 채운다..img {position: relative;padding-top: 245px;..