티스토리 서식모음/홈페이지 서식모음, html 텍스트 효과 모음

티스토리/홈페이지 서식, 텍스트 효과 모음 대공개! 마음에 드시는 서식 가져다 저장해놓고 사용하세요~

 

1. 제목

<div style="font: bold 14pt Dotum, Sans-serif, padding: 7px; width: 420px; color: rgb(255, 255, 255); margin-bottom: 10px; border-left-color: rgb(0, 90, 150); border-left-width: 13px; border-left-style: solid; font-sizq-adjust: none; font-stretch: normal; background-color: rgb(50, 50, 50);"> 서식1 소제목 </div>

 

2. 제목

<h2 style="border-left: 10px solid #b4b5b8; background-color: #343434; color: white; padding: 3px; padding-left: 10px;">1.제목</h2>

 

3. 제목

<h2 style="border-left: 10px solid #faacff; background-color: #ff00de; color: white; padding: 3px; padding-left: 10px;">2.제목</h2>

 

4. 제목

<h2 style="border-left: 10px solid #acb2ff; background-color: #0000ff; color: white; padding: 3px; padding-left: 10px;">4. 제목</h2>

 

5. 제목

<div style="font: bold 14pt Dotum, padding: 7px; width: 420px; color: #ffffff; margin-bottom: 10px; border-left-color: #780000; border-left-width: 10px; border-left-style: solid; font-sizq-adjust: none; font-stretch: normal; background-color: #003273;">2. 서식2 소제목</div>

 

6. 제목

<h5 style="margin: 10px 0xpx 5px; padding:0px 10px 1px; line-height: 30px; letter-spacing: -0.07em; font-size: 14px; border-bottom-color: rgb(43, 43, 43); border-left-color: rgb(43, 43, 43); border-bottom-width: 1px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;"><strong>3. 소제목</strong></h5>

 

7. 제목

<h5 style="margin: 10px 0xpx 5px; padding: 0px 10px 1px; line-height: 30px; letter-spacing: -0.07em; font-size: 14px; border-bottom-color: rgb(216, 60, 60); border-left-color: rgb(216, 60, 60); border-bottom-width: 1px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;"><b>4. 소제목</b></h5>

 

8. 제목

<h2 style="padding: 0px 10px 1px; margin: 10px 0px 5px; border-left-width: 5px; border-left-style: solid; border-left-color: #d83c3c; font-size: 14pt; color: #333333; font-family: '맑은 고딕','Nano Sans Korean'; border-bottom-color: #d3d3d3; border-bottom-width: 1px; border-bottom-style: solid; letter-spacing: -0.07em; line-hetight: 35px; background-color: #fafafa;">8. 제목</h2>

 

9. 제목

<h2 style="color: #000b5c; border-left: 2px solid #6879f9; border-bottom: 5px solid #6879f9; padding: 3px; padding-left: 10px;">8. 제목</h2>

 

10. 제목

<h2 style="color: #000b5c; border-left: 2px solid #00ff0c; border-bottom: 5px solid #00ff0c; padding: 3px; padding-left: 10px;">9.제목</h2>

 

11. 제목

<h2 style="color: #000b5c; border-left: 2px solid #ff8a00; border-bottom: 5px solid #ff8a00; padding: 3px; padding-left: 10px;">10. 제목</h2>

 

12. 제목

<div style="border-bottom-color: rgb(0, 0, 255); border-bottom-width: 2px; border-bottom-style: solid;"><span style="background:rgb(0, 0, 255); padding: 5px 10px 2px; color: rgb(255, 255, 255); font-size: 14px, font-weight: bold;">5. 소제목</span></div>

 

13. 제목

<div style="border-bottom: #1e78d2 1px solid;">
<div style="background-color: #1e78d2; padding: 4px; color: #fff; font-weight: bold; width: 273px;">6. 소제목</div>
</div>

 

14. 제목

<h2 style="color: #000b5c; border: 1px solid #6879f9; border-bottom: 5px solid #6879f9; padding: 3px; padding-left: 10px;">14. 제목</h2>

 

15. 제목

<h2 style="color: #000b5c; border: 1px solid #ff8a00; border-bottom: 5px solid #ff8a00; padding: 3px; padding-left: 10px;">15. 제목</h2>

 

16. 제목

<h2 style="color: #000b5c; border-left: 5px solid #6879f9; padding: 5px; padding-left: 10px;">16. 제목</h2>

 

17. 제목

<h2 style="color: #000b5c; border-left: 5px solid #ea68f9; padding: 5px; padding-left: 10px;">17. 제목</h2>

 

18. 제목

<h2 style="color: #000b5c; border-left: 5px solid #48ff00; padding: 5px; padding-left: 10px;">18. 제목</h2>

 

19. 제목

<h3 style="color: #000b5c; border: 3px outset #969696; background-color: #f9f9f9; padding: 8px 15px 8px 15px;">19. 내용</h3>

 

20. 제목

<h3 style="color: #000b5c; border: 3px outset #969696; background-color: #f9f9f9; padding: 8px 15px 8px 15px; border-radius: 15px;">20. 내용</h3>

 

21. 제목

<h3 style="color: #000b5c; border: 3px outset #969696; background-color: #f9f9f9; padding: 8px 20px 8px 20px; border-radius: 25px 0px; text-align: left;">21. 내용</h3>

 

22. 내용

<p><span style="font-size: 22px; color: #f000ff; font-weight: 800; margin-right: 7px; padding: 5px; text-shadow: 5px 5px 5px #f8b0ff;">22. 제목</span>내용</p>

 

23. 내용

<p><span style="font-size: 22px; color: #000000; font-weight: 800; margin-right: 7px; padding: 5px; text-shadow: 5px 5px 5px #c1c1c1;">23. 내용</span></p>

 

24. 내용

<p><span style="font-size: 22px; color: #0024ff; font-weight: 800; margin-right: 7px; padding: 5px; text-shadow: 5px 5px 5px #b0bbff;">24. 내용</span></p>

 

텍스트 효과 샘플 : EVAN LEE

텍스트 효과 1. EVAN LEE

<h3 style="background: #fff; font-size: 40px; font-weight: bold; text-shadow: 0px 5px 0px #ffb2f5;">텍스트 효과 1. EVAN LEE</h3>

텍스트 효과 2. EVAN LEE

<h3 style="background: #fff; font-size: 40px; font-weight: bold; text-shadow: 0px 1px #ffffff, 4px 4px 0px #eaeaea;">텍스트 효과 2. EVAN LEE</h3>

텍스트 효과 3. EVAN LEE

<h3 style="background: #fff; color: #ffffb4; font-size: 40px; font-weight: bold; text-shadow: -1px -1px 0px #ffbb00, 3px 3px 0px #ffbb00, 6px 6px 0px #b77300;">텍스트 효과 3. EVAN LEE</h3>

텍스트 효과 4. EVAN LEE

<h3 style="background: #fff; color: #00d8ff; font-size: 40px; font-weight: bold; text-shadow: -1px -1px 0px #0090b7, 3px 3px 0px #0099b7, 6px 6px 0px #005a81;">텍스트 효과 4. EVAN LEE</h3>