Jinsi ya Kupata: Kuponi

Mwongozo wa Kupenda: Kupata kina-makosa cha kuponi kwa kutumia CSS.

Kitu cha Logo cha Korpori
luckin coffee
20% OFF MBIADILIKO Yako

Lorem ipsum dolor sit amet, et nam pertinax gloriatur. Sea te minim soleat senserit, ex quo luptatum tacimates voluptatum, salutandi delicatissimi eam ea. In sed nullam laboramus appellantur, mei ei omnis dolorem mnesarchum.

Kutumia Kode ya Kuchangia: BOH232

Inasikia: Jan 03, 2025

亲自试一试

Jinsi ya Kupata Kupakia

Tengeneza - Ongeza HTML:

<div class="coupon">
  <div class="container">
    <h3>Kitu cha Logo cha Korpori</h3>
  </div>
  <img src="hamburger.jpg" alt="Avatar" style="mwelezo:100%;">
  <div class="container" style="mkono-wa: badi">
    <h2><b>20% OFF MBIADILIKO Yako</b></h2>
    <p>Lorem ipsum..</p>
  </div>
  <div class="container">
    <p>Kutumia Kode ya Kuchangia: <span class="promo">BOH232</span></p>
    <p class="expire">Inasikia: Jan 03, 2021</p>
  </div>
</div>

Tengeneza - Ongeza CSS:

.coupon {
  kina-makosa: 5px kina-makosa #bbb; /* kina-makosa cha kina-makosa */
  mwelezo: 80%;
  kina-makosa-makubwa: 15px; /* kina-makosa-makubwa cha kina-makosa */
  margini 0 auto; /* kizito cha kupatikana kwa kupakia kama heshima */
  makubwa-ma-chakula: 600px;
{}
.container {
  paddingi 2px 16px;
  mkono-wa: #f1f1f1;
{}
.promo {
  mkono: #ccc;
  paddingi 3px;
{}
.expire {
  color: red;
{}

亲自试一试