본문 바로가기

유용한정보

티스토리 인용구 스타일 변경[색상,글씨체, 모양,여백]



이번에는 티스토리 인용구 스타일 변경에 대해 알아보도록 하겠습니다.

 

우선 아래와 같이 인용구를 만들어 확인해보면 다음과 같습니다.

 

현재 입력되는 상태입니다.

 

미리 보기를 하면 다음과 같이 표시가 됩니다.

 

저는 다른 스타일이 적용돼서 있어 위와 조금 상이합니다.

 

이제 변경하기 위해 티스토리 블로그 설정에서

 

꾸미기 -스킨 편집

 

html 편집 버튼을 클릭

 

CSS 탭에서 Ctrl+F 단축키를 이용하여 "blockquote" 문자를 검색합니다

b

스킨마다 조금식 상이하지만 아래와 같이 비슷한 영역을 찾으시면 됩니다.

 

설명은 다음과 같습니다.

padding은 원하는 대로 상하좌우 각각 설정도 가능합니다.

 

자 그럼 색상변경을 해보도록 하겠습니다

 

네이버의 rgb색상표를 이용하여 색상을 구합니다.

 

본인이 원하는 사이트가 있거나 색상명을 알고 계신다면 다음으로 넘어갑니다.

 

rgb 색상표 : 네이버 통합검색

'rgb 색상표'의 네이버 통합검색 결과입니다.

search.naver.com

 

저는 아래와 같은 색상을 사용하도록 하겠습니다. 

 

다음과 같이 색상값을 변경합니다.

상단의 적용버튼을 클릭

 

 

이제 제대로 적용이 되었는지 확인합니다.

 

글 작성 하단에 미리보기를 클릭

 

다음과 같이 확인이 가능합니다.

 

이상입니다.