부(소)제목, 목차 넣을때 예쁘게 꾸미기 html소스 모음 7가지

다른 곳의 블로그에 부제목,소제목,목차를 예쁘게 꾸며 놓으면 약간 부러움이 있죠?  멋지게 꾸며 놓은 블로그의 소스들을 훔쳐서? 모아 봅니다.  약간의 색상 수정하면 자신의 스타일로 만들 수 있겠죠?   서식관리나 메모장에 소스를 저장해 놓고 사용 하시기 바랍니다.^^

색상 팔레트 바로가기 (클릭)

  부제목이나 목차 넣기

<div style="background: linear-gradient(to right, rgb(102, 102, 102) 30%, rgb(204, 204, 204), rgb(255, 255, 255)); border-left: 12px solid orange; line-height: 35px; text-align: left; width: 100%;">&nbsp;&nbsp;<span style="color: white;">부제목이나 목차 넣기</span></div>

소제목 스타일 18

<h2 style="background: linear-gradient(to right, #f4d03f, #fffb89, #16a085); color: #000000; font-weight: bold; margin-top: 20px; margin-bottom: 15px; padding: 15px 20px; border-radius: 25px 25px 25px 1px;" data-ke-size="size26"><span style="font-family: 'Noto Sans Light';">소제목 스타일 18</span></h2>

이 소스를 가져 온 사이트는  많은 소스가 있군요. 간편 다운로드 할수 있구요. 주소는 https://bookdrifter.tistory.com/134

부제목이나 목차 넣기

<h2 data-ke-size="size23" style="border-left: 10px solid rgb(188, 169, 245); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; padding: 3px 5px;"><b>부제목이나 목차 넣기</b></h2>

부제목이나 목차 넣기

<h2 style="border-left: 13px solid black; padding: 0 15px 5px 10px; font-weight: bold; border-bottom: black 1px solid;">부제목이나 목차 넣기</h2>

부제목이나 목차 넣기

<div style="border-bottom: 2px solid #999;padding-bottom:10px;font-size:22px;font-weight:bold;color: #000000;">부제목이나 목차 넣기</div>

부제목이나 목차 넣기

<h2 style= "box-sizing: border-box;border-right-width: 0px;border-top-width: 0px;border-left: #F15F5E 14px solid;border-bottom: #FFD8D7 2px solid;line-height: 1.6;margin-right: 0px;background-color: #eeeeee;padding: 0px 0px 0px 10px; "data-ke-size="size26"> <b> 부제목이나 목차 넣기 </b></h2>

부제목이나 목차 넣기

<h2 data-ke-size="size26" style="background-color: #ff7e7e; border-radius: 15px 5px; box-sizing: border-box; line-height: 2; margin-right: 0px; padding: 0px 0px 0px 10px;"><span style="color: white;"><b> 부제목이나 목차 넣기 </b></span></h2>