HTML & CSS 기초 - 간단한 링크 스타일

<a href="#" class="link">링크</a>

#css
.link {
  text-decoration : none;
}

.link:visited {
  color : black;
}

링크는 기본적으로 밑줄이 쳐져있고 이것이 싫다면
text-decoration : none; 이라는 코드를 써주면 된다.

이외로 링크를 들어가본적이 있을 때 바뀌는 색깔
링크에 마우스를 올렸을 때 색깔
링크에 마우스를 눌렀을 때 색깔 등등
다양한 설정들이 존재한다.

이러한 링크 클릭시 오는 보라색 설정을 없애고 싶다면

   a { text-decoration: none; color: black; }
    a:visited { text-decoration: none; }
    a:hover { text-decoration: none; }
    a:focus { text-decoration: none; }
    a:hover, a:active { text-decoration: none; }

와 같은 코드를 작성해주면 된다.