[css] 링크에서 파란색 밑줄 없애고 싶을때 a decoration none

html, css 를 하다 보면 <a 링크를 썼을때 기본값으로 파란색이고 밑줄이 간다.

그러나 어딘지 모르게 기본값이 좀 촌스럽다^^

그래서 그냥 밑줄과 파란색을 없애고 싶을때가 있다.

그럴땐 아래와 같이 쓴다.

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

이렇게만 쓰면 글씨는 파란색이기 때문에 이것도 좀 촌스럽다 싶고 글씨를 검은색으로 하고 싶으면

a:link {
    text-decoration: none;
}

여기에서

color:black 을 추가한다.

a:link {
    text-decoration: none;

 color: black;

}