[html, css 기초] 10. 링크 설정 기초

링크에 대한 태그도 메타 정보이므로 style 태그에 중첩시킬 수 있다.

 

a{
      color: rgb(167, 1, 87);
      user-select: none;
      text-decoration: none;
    }

 

# 하지만 링크에 마우스를 올려놓아도 아무 이펙트가 없기 때문에 링크임을 표시해주는 css style을 포함해주는 것이 좋다.

# 이때 사용하는 것이 a:hover 요소인데 hyperlink over가 아닌가 조심스레 추측해본다...

a:hover{
      text-decoration: underline;
    }

 

코드를 추가한 뒤 실행 결과

 

링크에 마우스를 올려 놓으면 밑줄이 생기는 것을 볼 수 있다.