카테고리 없음

버튼 생성2

by fantasypark 2025. 3. 21.

<p data-ke-size="size16"><a style="display: inline-block: padding: 10px 20px: background-color: #007bff: color: #fff: text-decoration: none: border-radius: 5px: font-weight: bold: text-align: center:" href="https://example.com" target="_blank" rel="noopener">여기를 클릭하세요</a></p>

티스토리툴바

.myButton { box-shadow: 3px 4px 0px 0px #8a2a21; background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%); background-color:#c62d1f; border-radius:18px; border:1px solid #d02718; display:inline-block; cursor:pointer; color:#ffffff; font-family : Arial ; font-size:20px; padding:6px 50px; text-decoration:none; text-shadow:0px 1px 0px #810e05; } .myButton:hover { background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%); background-color:#f24437; } .myButton:active { position:relative; top:1px; }