방법 - 쿠폰
CSS로 "쿠폰"을 만드는 방법을 알아보세요.
회사 로고
구매 시 20% 할인
고통 그 자체가 사랑이고, 완고함을 자랑스럽게 여긴다. 당신이 이 웹사이트에서 그들을 맞이하는 러버들의 즐거움에 대해 침묵하는 순간부터 바다는 적어도 당신을 느끼지 않을 것입니다. 그들은 모든 슬픔의 므네사르쿠스로 부름을 받았습니다.
프로모션 코드 사용: BOH232
만료: 2021년 1월 3일
쿠폰을 만드는 방법
1단계) HTML 추가:
예시
<div class="coupon">
<div class="container">
<h3>Company Logo</h3>
</div>
<img src="hamburger.jpg"
alt="Avatar" style="width:100%;">
<div class="container" style="background-color:white">
<h2><b>20% OFF YOUR PURCHASE</b></h2>
<p>Lorem ipsum..</p>
</div>
<div class="container">
<p>Use Promo
Code: <span class="promo">BOH232</span></p>
<p
class="expire">Expires: Jan 03, 2021</p>
</div>
</div>
2단계) CSS 추가:
예시
.coupon {
border: 5px dotted #bbb; /* Dotted border */
width: 80%;
border-radius: 15px; /* Rounded border */
margin: 0 auto; /* Center the coupon */
max-width: 600px;
}
.container {
padding: 2px 16px;
background-color: #f1f1f1;
}
.promo {
background: #ccc;
padding: 3px;
}
.expire {
color: red;
}