[HTML] 링크 걸기 및 링크 라인 없애기

<a href="https://www.naver.com/">
      <div class="event">
              지금 가입하면, 배송비 무료 쿠폰 증정!!!
      </div>
</a>

<a> 태그에 연결할 링크 주소를 넣고, <div>를 감싸면,

<div>에 해당되는 초록 박스를 클릭시 연결한 링크 주소로 이동한다.

그런데 저렇게 하면, 텍스트 아래 링크라인이 생긴다.

저 링크라인을 없애려면 css에 아래 코드를 추가해주면 된다.

a{
       text-decoration-line: none;
}