본문 바로가기
코딩, 개발 꾸준히 하면 볕날선생만큼 한다.

CSS | 티스토리 H1 H2 H3 H4 태그 목차 꾸미기 제목 꾸미기

by 볕날선생 2021. 11. 27.
728x90
반응형

어려운건 없습니당. 티스토리 스킨편집 가서 HTML 옆에 있는 CSS 에서 컨트롤 + f 눌러서 .entry-content 을 찾습니다.

그리고 아래 내용을 복붙하세요. 저기서 수정하실건 color 만 수정하시면 될 듯 하고 나머지는 그대로 쓰시면 됩니다. 마진, 폰트사이즈, 너비 높이 등등은 원하시는 대로 커스텀 하시면 좋은데 그냥 그대로 쓰셔도 무방해요~

 

.entry-content h1 {
	clear: both;
	margin: 29px 0 22px;
	font-size: 1.6875em;
	line-height: 1.5;
	color: #000;
}

.entry-content h2 {
	clear: both;
	margin: 29px 0 22px;
	font-size: 1.5em;
	line-height: 1.5;
	color: #000;
	border-bottom: 2px solid #a600ff;
	border-left: 10px solid #a600ff;
	padding: 5px 15px ;
}

.entry-content h3 {
	clear: both;
	margin: 29px 0 22px;
	font-size: 1.3125em;
	line-height: 1.5;
	color: #000;
	border-bottom: 2px solid #a600ff;
	border-left: 10px solid #a600ff;
	padding: 5px 15px ;
}

.entry-content h4 {
	clear: both;
	margin: 29px 0 22px;
	font-weight: 400;
	font-size: 1.125em;
	line-height: 1.5;
	color: #000;
	border-bottom: 2px solid #a600ff;
	border-left: 10px solid #a600ff;
	padding: 5px 15px ;
}

지금까지 볕날선생이었서~ 

728x90
반응형