본문 바로가기

기본 긴 직사각형 스타일 버튼

Captain Hanks 2025. 1. 17.

오늘은 2025 Visit Korea Grand Sale 포스팅을 하면서 사용한 버튼을 정리해 보았습니디. 가장 기본적인 스타일이니 변형하셔서 사용하세요.

1. 마크다운 스타일 (기본)

🛍️ VISIT KOREA GRAND SALE OFFICIAL WEBSITE 🛍️

 

KoreaGrandSale

The KoreaGrandSale is Korea's best shopping, culture and tourism festival for international visitors that combines tourism and Hallyu.

en.koreagrandsale.co.kr

2. HTML/CSS 스타일 (화려한 버튼)

3. 한국적 디자인 스타일 Copy

4. 미니멀 스타일 Copy

html 코드

1. 마크다운 스타일 (기본)

[🛍️ VISIT KOREA GRAND SALE OFFICIAL WEBSITE 🛍️](https://en.koreagrandsale.co.kr/)

2. HTML/CSS 스타일 (화려한 버튼)

<div style="text-align: center; margin: 20px 0;">
    <a href="https://en.koreagrandsale.co.kr/" 
       style="display: block;
              background: linear-gradient(45deg, #FF3366, #FF6B6B);
              color: white;
              padding: 15px 20px;
              text-decoration: none;
              border-radius: 10px;
              font-weight: bold;
              text-transform: uppercase;
              box-shadow: 0 4px 15px rgba(0,0,0,0.2);
              transition: all 0.3s ease;
              margin: 0 auto;
              max-width: 600px;">
        🛍️ Visit Korea Grand Sale Official Website 🛍️
    </a>
</div>

3. 한국적 디자인 스타일

<div style="text-align: center; margin: 20px 0;">
    <a href="https://en.koreagrandsale.co.kr/" 
       style="display: block;
              background: linear-gradient(45deg, #4B89DC, #1A4F9C);
              color: white;
              padding: 20px;
              text-decoration: none;
              border-radius: 5px;
              font-weight: bold;
              border: 2px solid #1A4F9C;
              box-shadow: 0 4px 15px rgba(0,0,0,0.1);
              transition: all 0.3s ease;
              margin: 0 auto;
              max-width: 600px;
              font-size: 18px;
              background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8L3N2Zz4=');">
        🇰🇷 KOREA GRAND SALE 2025 OFFICIAL SITE 🛍️
    </a>
</div>

4. 미니멀 스타일

<div style="text-align: center; margin: 20px 0;">
    <a href="https://en.koreagrandsale.co.kr/" 
       style="display: block;
              background-color: #000;
              color: white;
              padding: 15px;
              text-decoration: none;
              font-weight: 500;
              letter-spacing: 1px;
              transition: all 0.3s ease;
              margin: 0 auto;
              max-width: 600px;">
        KOREA GRAND SALE 2025 →
    </a>
</div>

즐거운 하루 보내세요!

 

기본 긴 직사각형 스타일 버튼
기본 긴 직사각형 스타일 버튼

댓글