티스토리 인용구 꾸미기
본문 바로가기
티스토리 정보

티스토리 인용구 꾸미기

by 거대토끼 지안 2024. 9. 6.
반응형

@거대토끼성장기

 

인용구 속성코드 찾기

 

아래 포스팅에서 적어놓았습니다. 먼저 보고 오시는 걸 추천합니다.

 

인용구 속성 코드 찾는 방법

 

 

블로그 인용구 왼쪽 바 색상 변경

 

border-color를 원하는 색상으로 설정

 

 

블로그 인용구 글자 색상 변경

 

color를 원하는 색상으로 설정

 

 

블로그 인용구 글자 사이즈 변경

 

font-size를 원하는 사이즈로 설정

 

 

 

인용구 padding 변경

 

padding을 원하는 사이즈로 설정

1px 0 0 12px

 

10px 15px

 

 

인용구 왼쪽 바 두께 변경

 

border-width를 원하는 두께로 설정

0 0 0 4px
0 0 0 10px

 

 

인용구 밑줄 삽입 및 색/두께 변경

 

border-bottom을 원하는 두께로 설정

예시1

 

border-bottom 숫자는 밑줄 두께를, solid 옆에 숫자는 색상을 나타냅니다.

 

 

인용구 바 padding 간격 변경

 

padding을 원하는 두께로 설정

 

 

활용 예시

 

위와 같이 다양하게 섞어서 원하는 대로 바꿔줄 수 있습니다 :)

 


 

여기까지 잘 따라오셨나요?! 그렇다면 인용구 꾸미기 끄읕~!

반응형