소제목 꾸미기 2탄 - 색깔 바꾸는 방법 소제목 꾸미기 2탄 - 색깔 바꾸는 방법
본문 바로가기
IT 정보/티스토리

소제목 꾸미기 2탄 - 색깔 바꾸는 방법

by 조선청년리뷰 2022. 10. 1.

[목차]

- 소제목 색깔 바꾸기
  1) 하단 가로 줄 코드

  2) 좌측 세로 줄 코드

- 색깔 코드 찾는 방법
  1) 기본 컬러 검색

  2) 세밀한 컬러 검색

 

이전 글에서는 소제목 꾸미는 방법에 대해서 알아보았습니다. 다음으로는  기본 검정색으로 되어 있는 소제목 양식이 마음에 들지 않는다면 원하는 색깔로 바꾸는 방법에 대해서 알려드리도록 하겠습니다.

 

소제목 꾸미기가 무엇인지 모르는 분들은 이전 글을 참조해주시기 바랍니다.

 

 

티스토리 소제목 꾸미는 방법 알아보기 (CSS, 서식)

[ 목차 ] 1. 서식 기능 이용하여 소제목 적용 방법 2. 서식 기능 이용하여 소제목 사용 방법 티스토리를 시작하시고서 다른 분들의 티스토리를 보다보면 소제목에 깔끔하게 밑줄이 그어진 것을 발

jojeung-t.tistory.com

 

 

소제목 색깔 바꾸기

 

소제목은 가로의 굵은 바와 세로로 얇은 줄로 이루어진 서식 입니다. 기본으로는 검정색으로 되어있지만 만약 원하는 색깔로 바꾸고 싶다면 다음과 같이 진행하면 됩니다.

 

소제목 CSS 서식

 

소제목 CSS 서식에서는 2가지의 색깔을 바꿀 수 있습니다.

  • border-bottom: #000000  [하단 가로 바 색상]
  • -border-life: #000000  [좌측 세로 바 색상]

  • #000000 [검정색 색상 코드]

기본은 검정색으로 되어 있기 떄문에 위와 같이 #000000 코드로 되어있습니다. # 뒤에 숫자 부분에 본인이 원하는 색상에 대한 코드를 넣어주면 됩니다.

 

 

 

색깔 코드 찾는 방법

 

▼ 아래 링크를 클릭하여 원하는 컬러의 코드를 찾아줍니다.

 

HTML 컬러 코드

HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입

html-color-codes.info

 

사이트에 접속 후 원하는 컬러를 눌러주면 아래 사진처럼 컬러코드가 나타나게 됩니다.

 

컬러코드

 

해당 컬러코드를 복사하여 좌측 바 부분 또는 하단 세로 부분 뒤쪽에 컬러코드를 바꿔줍니다. 만약 더 세밀하게 색상을 찾고 싶다면 위 사이트 본문 중간에 'HTML 컬러 픽커를 사용'하시기 바랍니다.

 

 

HTML 컬러 픽커를 이용하면 조금더 정밀한 색상을 찾을 수 있습니다.

 


 

이상으로 소제목 꾸미기 및 색깔 바꾸는 방법에 대해서 알아보았습니다.

 

 

 

애드센스 광고 수동 배치 설정 방법 (광고 서식 만들기)

티스토리를 운영하다 보면 제일 어려운 애드 고시를 통과하였지만 수익이 매일 저조할 것입니다. 그럴 때 유튜브나 커뮤니티를 통해 방문자 대비 광고 노출수를 보면 나의 티스토리 블로그는

jojeung-t.tistory.com

 

 

사람들이 좋아하는 블로그 글 쓰는 방법 : 12가지 팁

당신은 정말 당신과 관련 있는 훌륭한 포스팅을 읽어 본 적이 있습니까? 그렇다면 당신도 그분들처럼 남들에게 영향을 줄 수 있는 훌륭한 블로그 글을 작성하는 법이 궁금하시겠죠? 훌륭한 블로

jojeung-t.tistory.com

 

 

google 애드센스 0.01$ 정체, 어디서 나오는 것일까?

애드센스 승인을 받고 블로그를 운영하다보면 클릭수와 상관없이 0.01$가 찍히는 경우를 발견할 것입니다. 이럴때 0.01$가 어떨때 발생하게 되는지 알아보겠습니다. 구글 애드센스 구글 애드센스

jojeung-t.tistory.com

댓글


TOP

함께미래를 만들어요

상담신청 국가 지원금 질문/답변