![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FUVE97%2FbtrhMd2Rvko%2FYbKCMko2N8kNVyJ7ItLwg1%2Fimg.png)
이미지 카드 리스트 만들기(image card list) +추가수정
·
🔥 TIL
참고 홈페이지 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; paddin..