[CSS] CSS 링크 스타일 (Styling Links)

링크스타일(Styling Links)

a:hover{
  font-size:40px;
  letter-spacing:5px;
  color:red;
}

 

링크는 네 가지 상태가 있으며 각 상태별로 스타일을 지정해줄 수 있다.

 

• a:link - 처음보는 링크 (a normal, unvisited link)
• a:visited - 한번 눌렀봤던 링크 (a link the user has visited)
• a:hover - 마우스를 올려놓을 때의 링크(a link when the user mouses over it)
• a:active - 클릭했을 때의 링크(a link the moment it is clicked) *                                                                (원문은 클릭하는 순간이라 되어 있지만 클릭은 누르고 나서 놓을 때 까지 적용된다고 생각하면 좋다.)
• text-decoration : 글자를 꾸며줄 수 있으며 이 속성을 이용해 밑줄을 없앨 수 있음

 

대기중일 때

 

 

마우스를 올렸을 때

 

 

폰트의 크기혹은 굵기등 텍스트의 크기에 영향을 주는 링크 스타일은

다른 본문의 글을 망칠 우려가 있어 사용하지 않음을 권한다.