카드 클릭하면 이동
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
border-radius: 10px;
width: 100%;
}
.card:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); }
.control-width { width: 70%; margin: auto; }
<div class="control-width">
<a href="your-link-bio">
<div class="card">
<h1>Card Header</h1>
<h3>Card Sub Header</h3>
<p>Card Description Card Description Card DescriptionCard DescriptionCard Description<p>
</div>
</a>
</div>
'스파르타코딩클럽 > 내일배움단' 카테고리의 다른 글
| 앱개발 종합반 1주차 (0) | 2022.01.03 |
|---|---|
| 기초다지기 - HTML, CSS (0) | 2021.12.17 |
| 내일배움단 프로젝트 챌린지 최종 점검 (0) | 2021.12.13 |
| 내일배움단 메이킹챌린지 개인적인 후기 (0) | 2021.12.08 |
| 내일배움단 메이킹챌린지 개발일지 (0) | 2021.12.08 |