아래는 티스토리 소제목 스타일을 꾸밀 수 있는 다양한 서식 모음입니다. 각 스타일은 블로그에 적용하기 위해 CSS 코드로 구성되어 있으며, 소제목에 강조 효과를 주거나 독특한 디자인을 적용할 수 있습니다. 파일별 스타일과 설명을 확인하고, 원하는 스타일을 복사하여 블로그에 활용하세요.
티스토리 소제목 서식 모음
1. 소제목 스타일 (0)
{
clear: both;
margin: 29px 0 22px;
font-size: 1.5em;
line-height: 1.5;
color: #FFFFFF;
background-color: #3C64BC;
border-radius: 9px 0 9px 0;
padding: 3px 0 3px 9px;
}
설명: 파란색 배경과 둥근 모서리를 가진 스타일입니다. 깔끔한 배경색과 대비되는 흰색 글자가 특징입니다.
2. 소제목 스타일 (1)
{
box-sizing: border-box;
border-width: 0px 0px 2px 11px;
margin-top: 5px;
border-bottom-style: solid;
border-bottom-color: darkslateblue;
padding: 3px 5px;
border-left-style: solid;
border-left-color: darkslateblue;
letter-spacing: 1px;
text-align: left;
font-weight: bold;
font-size: 1.2em;
}
설명: 진한 파란색 테두리와 두꺼운 왼쪽 및 아래쪽 선이 강조된 소제목 스타일입니다.
3. 소제목 스타일 (2)
{
padding: 2px 10px 4px;
margin: 20px 0;
border-bottom: 3px solid #555;
border-left: 15px solid #555;
line-height: 1.5;
font-size: 1.2em;
}
설명: 굵은 검은색 테두리와 왼쪽에 두꺼운 선이 특징인 심플한 스타일입니다.
4. 소제목 스타일 (3)
{
margin: 1.15em 0 .6em 0;
font-weight: 700;
font-size: 22px;
line-height: 40px;
text-align: left;
border-top: #b0b0b0 1.5px solid;
padding: 10px 0;
}
설명: 상단에 얇은 선이 들어가고, 큰 글자 크기와 굵은 글꼴로 강조된 제목입니다.
5. 소제목 스타일 (4)
{
background-color: #70829a;
color: #ffffff;
font-weight: bold;
margin-top: 30px;
margin-bottom: 15px;
padding: 15px 20px;
border-radius: 25px 5px;
font-size: 22px;
}
설명: 부드러운 파란색 배경과 둥근 모서리가 돋보이는 스타일로, 중요한 소제목을 강조할 때 적합합니다.
6. 소제목 스타일 (5)
{
color: #555;
background: #F9F7F6;
border-left: 0.5em solid #688FF4;
padding: 2px 10px 4px;
margin: 20px 0;
border-bottom: 3px solid #555;
font-size: 1.2em;
font-weight: bold;
}
설명: 연한 배경과 파란색 왼쪽 테두리가 있는 스타일로, 깔끔한 느낌을 줍니다.
7. 소제목 스타일 (6)
{
box-sizing: border-box;
border-bottom: #000000 2px solid;
border-left: #009a87 8px solid;
margin: 5px 0;
letter-spacing: 1px;
padding: 3px 5px;
}
설명: 왼쪽에 초록색 굵은 선과 하단에 검은색 선이 있는 스타일입니다.
8. 소제목 스타일 (7)
{
border-radius: 15px 15px 0px 0px;
background-color: #dcdd92;
padding: 10px 18px;
bottom: 6px;
}
설명: 둥근 모서리와 밝은 노란색 배경이 적용된 디자인입니다.
9. 소제목 스타일 (8)
{
padding: 0.4em 1em;
color: #000000;
border-style: dashed;
border-width: 1px;
border-color: #A9A9F5;
}
설명: 점선 테두리와 간결한 디자인으로, 흰색 배경과 어울립니다.
10. 소제목 스타일 (9)
{
font-size: 32px;
line-height: 1.38;
padding-left: 20px;
border-left-width: 10px;
border-style: solid;
border-left-color: #dd9933;
}
설명: 큰 글자 크기와 두꺼운 주황색 왼쪽 선이 있는 스타일로, 중요한 제목에 사용하기 적합합니다.
결론
이 소제목 서식 모음은 다양한 스타일로 블로그의 소제목을 꾸밀 수 있는 방법을 제공합니다. 각 스타일은 코드로 구성되어 있으며, 원하는 대로 수정 및 적용이 가능합니다. CSS 파일에 추가하여 손쉽게 소제목을 꾸밀 수 있으니, 다양한 서식을 활용해 블로그를 더욱 돋보이게 만드세요.
