티스토리 하이퍼링크 색 변경 바로가기

 

티스토리 블로그 일부 이전하면서 소소한 정보를 담으려고 합니다~

누군가에는 도움이 될 수도 있고, 제가 알게 된 정보를 기록도 하고자 오늘도 포스팅 !

하이퍼 링크 라고하면

보통 인터넷 주소 링크 바로 가기 정도로 볼 수 있다.

저는 매번 포스팅 하면서

URL 바로가기 링크 색 입히는게 조금 불편함이 있었는데

여기서 다루는 내용은

하이퍼링크, 바로가기 링크 색상 변경, 수정 및 하이퍼 링크 밑줄 설정,해재 방법 입니다.

▲ 티스토리 블로그 관리 > HTML/CSS 편집 클릭

CSS 에서 빨간 네모박스란에 소스가 하이퍼 링크 색상을 변경, 수정하는 값 입니다.

[ 하이퍼링크 밑줄 삽입 & 해제▼ ]

빨간 박스란에 제가 입력해둔 값을 참고 하시면 됩니다.

text-decoration:none;} <- 하이퍼링크에 밑줄을 지우고 싶다면 none 입력

text-decoration:underline;} <- 하이퍼링크에 밑줄을 주고 싶다면 underline 입력 

하이퍼링크.txt

입력하거 번거로운 분들은 첨부파일 받아주세요~

[하이퍼링크 색 변경▼ ]

a:link - 링크의 기본 색상

a:visited - 링크를 방문 후 색상

a:active - 링크를 마우스 클릭 할 때 생상

a:hover - 마우스 커서를 링크에 둘 때 색상

{} 괄호 사이에 보면 color 뒤에 16진수 값을 적어주시거나

Green, red , orange 등 영어로 색상을 적어주셔도 됩니다.

Color Picker 값 참고 링크

- 예시 - 

a:hover { color: ornge; }

a:active { color: green; }

a:link { color: #ff9933; }