ဘယ်လို အချက်အလက် ဖန်တီးခြင်း

CSS ကို အချက်အလက် ပြင်ဆင်ခြင်း ဘယ်လိုကျင်းပါက လေ့လာပါ

အောင်မြင် အချက် အကြမ်း အကျဥ်း အခြား

亲自试一试

အချက်အလက် အလံ့စံ ပြင်ဆင်ခြင်း ဘယ်လိုကျင်းပါက

ပထမပုဒ် - ဟောင်းကိုက္ခရာ HTML ထပ်ပေးခြင်း

<span class="label success">Success</span>
<span class="label info">Info</span>
<span class="label warning">Warning</span>
<span class="label danger">Danger</span>
<span class="label other">Other</span>

ဒုတိယပုဒ် - ပုံစံ CSS ထပ်ပေးခြင်း

.label {
  color: white;
  padding: 8px;
}
.success {background-color: #04AA6D;} /* အဖြူအသား */
.info {background-color: #2196F3;} /* အယ်လ်တူ */
.warning {background-color: #ff9800;} /* အဖြူအသား */
.danger {background-color: #f44336;} /* အပြင်းအသား */
.other {background-color: #e7e7e7; color: black;} /* ရဲရဲသုံး */

亲自试一试