본문 바로가기

IT/티스토리

[티스토리] 링크에 밑줄 없애고 글자색 검은색으로 바꾸기

인트로

티스토리에 링크를 삽입하면 다음과 같이 밑줄이 생깁니다.

링크 바로가기 

저는 링크에 이렇게 밑줄이 생기는 게 싫어서, 간단한 코드 추가로 밑줄을 없애보았습니다.
제가 링크를 없앤 방법을 공유해드리겠습니다 :)

그럼  밑줄을 없애볼까요?

 

해결방법
1. 스킨 편집에 들어가기

일단, 블로그 관리 > 꾸미기 스킨 편집에 들어갑니다.

스킨 편집 들어가기

 

 

2. 스킨편집에서 'html 편집'을 누릅니다.

html 편집 클릭

 

3. HTML / CSS 탭에서 'CSS'를 클릭합니다.

4. '.entry-content a'를 찾기

Ctrl+F를 눌러서 .entry-content a 를 찾습니다.

5. color : black; 을 추가
entry-content a 태그에 아래와 같은 코드를 추가합니다.

color : black;
6. 'text-decoration:none;'을 추가

entry-content a 태그에 아래와 같은 코드를 추가합니다.

text-decoration: none; 은 글꼴 밑줄 없애기 속성입니다.

text-decoration:none;


7. 오른쪽 상단 위 적용버튼 클릭

 

적용 버튼 클릭

적용버튼을 누르고 블로그 글을 확인해보면, 링크에 밑줄이 없어진 것을 확인할 수 있습니다!
저는 링크에 밑줄이 생기는게 계속 거슬려서 코드 수정으로 

밑줄을 없애려고 코드를 좀 수정해보았어요 :) 

도움이 되셨으면 좋겠습니다 !