목차

    반응형

    본문 제목 서식 모음 # 4

    티스토리가 요즘에 이렇다 저렇다 말들이 많지만
    그래도 아직 익숙해서 그런지 제일 편한 블로그 입니다.

    편하게 사용하기 편한 제목서식을 안내해드려요.

    도움이 되셨다면 공감 버튼도 한번씩 눌러주세요.

    글위에 점선 스타일

    <h3 style="text-align: center;" data-ke-size="size23"><span style="border-top: 8px dotted #f54f3d; padding: 0.3em 0em 0em 0em; font-weight: bold;" data-ke-size="size23">글위에 점선 스타일</span></h3>
    <p data-ke-size="size16">&nbsp;</p>

    밑줄 점선 스타일

    <h3 style="text-align: center;" data-ke-size="size23"><span style="border-bottom: 8px dotted #f54f3d; padding: 0em 0em 0.3em 0em; font-weight: bold;" data-ke-size="size23">밑줄 점선 스타일</span></h3>
    <p data-ke-size="size16">&nbsp;</p>
     

    글 위에 라인 소제목

    <div style="border-bottom: 2px solid #f54f3d; width: 100px; margin: 0 auto; position: relative; bottom: -15px;">&nbsp;</div>
    <h3 style="color: #f54f3d; text-align: center; font-weight: bold;" data-ke-size="size23">글 위에 라인 소제목</h3>
    <p data-ke-size="size16">&nbsp;</p>

    형광 밑줄 소제목

    <h3 style="padding: 2px 5px; font-weight: bold; background: linear-gradient(to top, #FF00FF 40%, transparent 40%); display: inline-block;" data-ke-size="size23">형광 밑줄 소제목</h3>
    <p data-ke-size="size16">&nbsp;</p>

    두꺼운 밑줄 스타일

    <h3 data-ke-size="size23"><span style="border-bottom: 12px solid #dcf1fb; padding: 0 0 0 0.2em; font-weight: bold;">두꺼운 밑줄 스타일</span></h3>
    <p data-ke-size="size16">&nbsp;</p>

    깔끔한 밑줄 스타일

    <h3 data-ke-size="size23"><span style="border-bottom: 5px solid #f54f3d; padding: 0 0 0 0.2em; font-weight: bold;">깔끔한 밑줄 스타일</span></h3>
    <p data-ke-size="size16">&nbsp;</p>

    라인 소제목

    <h3 style="border-bottom: 5px solid #00b26f; text-align: left; color: #00b26f; font-weight: bold;" data-ke-size="size23"><span style="display: inline-block; border-radius: 15px 15px 0px 0px; background-color: #e5efec; position: relative; padding: 10px 20px 5px 15px; bottom: 0px;">라인 소제목 3</span></h3>
    <p data-ke-size="size16">&nbsp;</p>

    라인 소제목 2

    <h3 style="border-bottom: 5px solid #ffd646; text-align: left; color: #434343; font-weight: bold;" data-ke-size="size23"><span style="display: inline-block; border-radius: 15px 15px 0px 0px; background-color: #ffeead; position: relative; padding: 10px 20px 5px 15px; bottom: 0px;">라인 소제목 3</span></h3>
    <p data-ke-size="size16">&nbsp;</p>

    심플하지만 뭔가 느낌이는 가독성에 좋을듯한 티스토리 블르그 제목서식 이였습니다.

    다음에도 좋은 서식이 있으면 가지고 오겠습니다.

    그럼 오늘도 좋은하루 되세요.

    반응형
    모아씨는 여러분들의 방문으로 운영됩니다. 감사합니다.