2025 티스토리 블로그 글자 배경색 쉽게 넣는 방법

안녕하세요. Azunta입니다.

이제 티스토리 블로그에 대한 세세한 팁을 알려드리겠습니다.

많은 분들이 티스로리 블로그 글을 쓸 때 강조하고 싶은 부분에 '굵게'와 '배경색'을 넣어 강조를 합니다.

하지만 매번 이렇게 하는 것은 매우 번거롭습니다.

그래서 이번에는 '굵게' 만 누르면 자동으로 '배경색'도 넣어지는 방법을 알려드리겠습니다.

티스토리 최적화 설정글이 궁금하신 분들은 아래 링크를 참고해 주세요.

 

티스토리

 

티스토리 최적화 설정 바로가기

 

1. '굵게'에 '배경색' 넣는 방법

 

1. '꾸미기' - '스킨 편집' - 'HTML 편집' - 'CSS 편집'에 들어갑니다.

2. 맨 아래로 내려서 아래 코드를 넣어줍니다.

코드

---

코드

 

/* 형광펜 */

.tt_article_useless_p_margin.contents_style > p > b{

padding: 2px 5px!important;
border-radius: 4px!important;
font-weight: bold;
background-color: rgba(1, 19-091, 0.12)!important;
}

 

---

이제 '굵게'만 눌러도 '배경색'도 같이 바뀌게 됩니다.

 

2. 배경색 바꾸는 방법

 

배경색을 바꾸기 위해서는 RGB수치를 알아야 합니다.

'OiColorPicker'를 이용해서 RGB수치를 쉽게 알 수 있습니다.

 

아래 링크에서 'OiColorPicker'을 다운로드합니다.

 

OiColorPicker 다운받기

 

원하는 색상이 있으시면 'OiColorPicker'을 실행하셔서 보면 RGB수치를 알 수 있습니다.

위 코드의 'background-color: rgba' 안에 수치를 입력하고 마지막 숫자는 1로 해줍니다.

(입력한 수치를 100% 반영하겠다는 의미입니다.)