크리스마스 느낌 살린 티스토리 소제목 디자인 공유

---

안녕하세요 다음주에 크리스마스가 다가오는데요. 12월 키워드라고 할수 있는 크리스마스 ! 
크리스마스에 대한 글들이 많이 보이고 있는데요. 이번에는 크리스마스 분위기를 낼수 있는 소제목 디자인을 만들어 보았습니다. 잘 활용하시고, 즐거운 크리스마스 보내시길 바랍니다.

 

 

🎄 서식 활용하는법 보러가기 🎅

🎄 메리 크리스마스

 

<h3 style="
    background: linear-gradient(220.55deg, #c62828 0%, #2e7d32 100%);
    color: #fff;
    font-weight: bold;
    margin: 0.5em 0em;
    padding: 15px 20px;
    border-radius: 20px 20px 20px 0px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">
    🎄 메리 크리스마스
</h3>

 

⛄ Winter Special

<h3 style="
    background: linear-gradient(220.55deg, #e57373 0%, #81c784 100%);
    color: #fff;
    font-weight: bold;
    margin: 0.5em 0em;
    padding: 15px 20px;
    border-radius: 20px 20px 20px 0px;
    border: 2px solid #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
    ⛄ Winter Special
</h3>

 

 

 

🎅 Holiday Special

<h3 style="
    background: linear-gradient(220.55deg, #ffd700 0%, #d32f2f 100%);
    color: #fff;
    font-weight: bold;
    margin: 0.5em 0em;
    padding: 15px 20px;
    border-radius: 20px 20px 20px 0px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);">
    🎅 Holiday Special
</h3>

 

 

🎄 메리 크리스마스

<h3 style="background: linear-gradient(220.55deg, #ff4d4d 0%, #c62828 100%); color: #fff; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 20px 20px 0px;">🎄 메리 크리스마스</h3>

 

 

 

🎄 메리 크리스마스

<h3 style="background: #c62828; color: #fff; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px; border: 3px solid #fff; box-shadow: 0 0 15px rgba(198, 40, 40, 0.3);">🎄 메리 크리스마스</h3>

 

 

🎅 Holiday Special

<h3 style="background: #fff; color: #d32f2f; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border: 2px solid #d32f2f; outline: 2px solid #d32f2f; outline-offset: -8px;">🎅 Holiday Special</h3>

 

 

🎄 Christmas Day

<h3 style="background: #2e7d32; color: #fff; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px; box-shadow: -5px 5px 0px #1b5e20;">🎄 Christmas Day</h3>

 

 

❄️ Snow Flake

<h3 style="background: #fff; color: #2e7d32; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px; border: 2px solid #2e7d32; position: relative;">
    ❄️ Snow Flake
    <span style="position: absolute; top: -5px; left: -5px; width: 10px; height: 10px; background: #2e7d32; border-radius: 50%;"></span>
    <span style="position: absolute; top: -5px; right: -5px; width: 10px; height: 10px; background: #2e7d32; border-radius: 50%;"></span>
    <span style="position: absolute; bottom: -5px; left: -5px; width: 10px; height: 10px; background: #2e7d32; border-radius: 50%;"></span>
    <span style="position: absolute; bottom: -5px; right: -5px; width: 10px; height: 10px; background: #2e7d32; border-radius: 50%;"></span>
</h3>

 

 

 

🎄 Merry Christmas 2024 ⛄

여기에 크리스마스 메시지를 입력하세요 🎅

<div style="
    background: white; 
    border-radius: 15px; 
    box-shadow: rgba(46, 125, 50, 0.15) 0px 7px 29px 0px; 
    padding: 25px; 
    margin: 20px 0;
    border: 2px solid #81c784;
    background: linear-gradient(to right, rgba(198, 40, 40, 0.1), rgba(46, 125, 50, 0.1));">
    <h3 style="
        background: linear-gradient(45deg, #c62828, #2e7d32);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
        padding-bottom: 12px;
        border-bottom: 2px dashed #81c784;
        font-size: 20px;">
        🎄 Merry Christmas 2024 ⛄
    </h3>
    <p style="
        margin: 15px 0 0 0;
        line-height: 1.6;
        color: #424242;">
        여기에 크리스마스 메시지를 입력하세요 🎅
    </p>
</div>

 

 

🎄 Merry Christmas 2024 ⛄

여기에 크리스마스 메시지를 입력하세요 🎅

<div style="
    background: white; 
    border-radius: 15px; 
    box-shadow: rgba(198, 40, 40, 0.1) 0px 7px 29px 0px, rgba(46, 125, 50, 0.1) 0px 7px 29px 0px; 
    padding: 25px; 
    margin: 20px 0;
    border-left: 2px solid #c62828;
    border-right: 2px solid #2e7d32;">
    <h3 style="
        color: #c62828;
        margin: 0;
        padding-bottom: 12px;
        border-bottom: 2px solid #2e7d32;
        font-size: 20px;">
        🎄 Merry Christmas 2024 ⛄
    </h3>
    <p style="
        margin: 15px 0 0 0;
        line-height: 1.6;
        color: #424242;">
        여기에 크리스마스 메시지를 입력하세요 🎅
    </p>
</div>

 

 

크리스마스 분위기가 나는 소제목 스타일을 만들어보았습니다. 많이 이용하시고 즐거운 크리스마스 보내시길 바랍니다. 퍼가실때는 좋아요 한번씩 부탁 합니다.