လုပ်နည်း - ကူပွန်
CSS ဖြင့် "ကူပွန်" ဖန်တီးနည်းကို လေ့လာပါ။
ကုမ္ပဏီလိုဂို
သင်၏ဝယ်ယူမှု 20% လျှော့စျေး
နာကျင်မှုသည် ချစ်ခြင်းမေတ္တာဖြစ်ပြီး ခေါင်းမာခြင်းအတွက် မိမိကိုယ်ကို ဂုဏ်ယူသည်။ ဤဝဘ်ဆိုဒ်တွင် ၎င်းတို့အား နှုတ်ဆက်ခြင်း၏ သာယာကြည်နူးမှုကို သင်နှုတ်ဆိတ်နေချိန်မှစ၍ ပင်လယ်သည် သင့်အား အနည်းဆုံး ခံစားရလိမ့်မည်မဟုတ်ပေ။ ၎င်းတို့ကို ဝမ်းနည်းခြင်း၏ အဆုံးအမများဟု ခေါ်သည်။
ပရိုမိုကုဒ်- BOH232 ကိုသုံးပါ။
သက်တမ်းကုန်ဆုံးရက်- ဇန်န၀ါရီလ 03၊ 2021
ကူပွန်ဖန်တီးနည်း
အဆင့် 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;
}