https://hianna.tistory.com/724#t41
[HTML/CSS] div에 배경 이미지 넣기 총정리 (반복, 한번만, 가운데, 꽉차게)
CSS를 사용하여 div에 배경 이미지를 넣는 방법입니다. 배경 이미지 넣기 (background-image) 배경 이미지 반복 횟수 지정하기 (background-repeat) background-repeat 속성 값 배경 이미지 반복 (repeat) 배경 이미지
hianna.tistory.com
https://yejin0730.tistory.com/70
[CSS] 하단에 고정시키기
준비물은 하단에 고정시킬 태그(div, img 등)와 부모 div 방법은 간단하다. 아래와 같이 하면 된다. .parent{ position: relative; } .child{ position: absolute; bottom: 0; } 마찬가지로, 오른쪽에 두고 싶으면 right:0을
yejin0730.tistory.com
CSS 그라데이션 body에 적용하기 - 제타위키
zetawiki.com
https://reload1bronze.tistory.com/70
<CSS> TIL: background, pointer-events(클릭 안되게!)
🐣 background vs background-image CSS 속성중 background와 background-image가 헷갈렸는데 background는 background-image, background-position, background-size 등을 모두 아우르는 shorthand 개념이었다! background: center / cover url(".
reload1bronze.tistory.com
<!DOCTYPE html>
<html lang="kor">
<head>
<meta charset="UTF-8">
<title>피츄's 모아보기</title>
<style>
html { height: 100%; }
body {
height: 100%; margin: 0;
background: linear-gradient(to top, white, lightgreen);
}
h1 {
text-align: center;
}
.img {
position: absolute;
bottom: 0;
right: 0;
pointer-events: none;
}
</style>
</head>
<body>
<h1>피츄's 모아보기</h1><br>
<img src="피츄.png" class="img">
<table style="margin-left:auto; margin-right:auto;">
<tbody>
<tr>
<td style="font-size: 25px;">네이버</td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=728750" target="_blank"><img src="장씨.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=801035" target="_blank"><img src="퍼니.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=739115" target="_blank"><img src="앵무.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=747269" target="_blank"><img src="전지.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=710747" target="_blank"><img src="세상.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=570503" target="_blank"><img src="연애.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=753478" target="_blank"><img src="데드.png" width="150px" height="200px"></a></td>
<td><a href="https://comic.naver.com/webtoon/list?titleId=777767" target="_blank"><img src="영지.png" width="150px" height="200px"></a></td>
</tr>
<tr>
<td style="font-size: 25px;">시리즈</td>
<td><a href="https://series.naver.com/novel/detail.series?productNo=5896155" target="_blank"><img src="시한부.png" width="150px" height="200px"></a></td>
<td><a href="https://series.naver.com/novel/detail.series?productNo=3400123" target="_blank"><img src="전지적.png" width="150px" height="200px"></a></td>
<td><a href="https://series.naver.com/novel/detail.series?productNo=5579750" target="_blank"><img src="백사부.png" width="150px" height="200px"></a></td>
<td><a href="https://series.naver.com/novel/detail.series?productNo=4340987" target="_blank"><img src="막내아들.png" width="150px" height="200px"></a></td>
</tr>
<tr>
<td style="font-size: 25px;">카카오</td>
<td><a href="https://webtoon.kakao.com/content/%EB%AC%B4%EB%8B%B9%EA%B8%B0%ED%98%91/2499" target="_blank"><img src="무당.png" width="150px" height="200px"></a></td>
<td><a href="https://webtoon.kakao.com/content/%EC%A0%95%EB%A0%B9%EC%99%95-%EC%97%98%ED%80%B4%EB%84%A4%EC%8A%A4/2309" target="_blank"><img src="정령왕.png" width="150px" height="200px"></a></td>
<td><a href="https://webtoon.kakao.com/content/%ED%99%94%EC%82%B0%EC%A0%84%EC%83%9D/2315" target="_blank"><img src="화산전생.png" width="150px" height="200px"></a></td>
<td><a href="https://webtoon.kakao.com/content/%EB%B6%81%EA%B2%80%EC%A0%84%EA%B8%B0/2362" target="_blank"><img src="북검.png" width="150px" height="200px"></a></td>
<td><a href="https://webtoon.kakao.com/content/%ED%95%B4%EA%B3%A8%EB%B3%91%EC%82%AC%EB%8A%94-%EB%8D%98%EC%A0%84%EC%9D%84-%EC%A7%80%ED%82%A4%EC%A7%80-%EB%AA%BB%ED%96%88%EB%8B%A4/2358" target="_blank"><img src="해골.png" width="150px" height="200px"></a></td>
</tr>
</tbody>
</table>
</html>