CSS Links

링크의 4가지 상태 : 

a : link-방문하지 않은 일반 링크
a : visited-사용자가 방문한 링크
a : hover-사용자가 마우스를 가져갈 때의 링크
a : active-클릭 순간의 링크

링크 스타일링 - CSS 속성들을 가지고 링크의 스타일을 지정할 수 있다. 

사용 예제 

1) Text Decoration - 링크에서 밑줄을 제거하는데 주로 사용

ex) a: hover{ text-decoration : underline;}

2) Background color - 링크 content의 배경색 지정에 사용

ex) a: link { background-color : yellow;}

3) Link Buttons 

ex)  a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}