티스토리 블로그

미넴스킨 본문 밑줄 스타일 변경하는 방법

12그램 2023. 9. 27.

본문 밑줄 스타일 글 썸네일

 

미넴 스킨은 좋은 스킨입니다. 하지만 좋은 옷이라 하더라도 꼭 제 몸에 맞기는 어려운 법입니다. 그래서 아무리 좋은 스킨이더라도 자신의 입맛에 맞추기 위해서는 작은 코드의 변경이 필요합니다.

 

불편했던 밑줄에 굵기 추가 과정

티스토리 글 작성 중 밑줄

저는 본문에 밑줄을 추가할 때, 굵기 또한 굵게 하는 편입니다. 하지만 밑줄 긋고, 다시 굵게 하는 행동이 조금 번거롭죠. 게으르고 편하게 살아가기 위해서는 주변 환경을 편하게 바꿔줘야 합니다. 그래서 밑줄을 그으면 동시에 본문 폰트의 굵기 또한 굵어지도록 코드를 추가해 보겠습니다.

 

 

CSS에서 밑줄 코드 수정하기

1. 블로그 관리 클릭

2. 스킨 편집 클릭

3. html 편집 클릭

4. CSS 클릭

5. .content-article u 검색

.content-article u

.content-article u 는 밑줄에 관한 코드입니다. 해당 코드에서 밑줄의 스타일을 변경 및 추가할 수 있습니다.

CSS에서 밑줄 코드 검색

 

6. font-weight: bold; 입력

 font-weight: bold;

text-decoration의 color를 변경할 수도 있으며, 스타일 또한 변경할 수 있습니다. 저는 기존의 색상과 밑줄 스타일이 마음에 들어 그대로 하도록 하겠습니다. 글자의 굵기만 자동으로 굵어지면 되기에 font-weight: bold; 코드를 추가해 줍니다.

 

CSS에서 밑줄 코드에 bold 추가

 

font-weight: bold; 추가 전과 후

위의 과정들이 완료되면 아래와 같이 밑줄만 그어도 해당 글자가 굵게 변경되게 되었습니다.

bold 코드 추가 전
볼드 추가 전

 

bold 코드 추가 후
볼드 추가 후

 

 

마치며

블로그를 꾸며가며 코드에 대해 공부하고 있습니다. 제가 알아가는 것들을 저의 블로그를 통해 공유하도록 하겠습니다. 혹시나 잘 안되거나, 질문이 있으신 분들은 댓글을 달아주시면 답변해 드리겠습니다. 좋은 블로그 생활들 하시길 바랍니다.

 

 

티스토리 꾸미기 관련 글

티스토리 블로그 미넴스킨 본문 링크 스타일 변경하는 방법 보러 가기 (+ CSS 코드 변경하는 팁)

 

 

댓글

이건 어때요?