လုပ်နည်း - စာရင်းများ၏ Bullet Color ကိုပြောင်းပါ။
CSS ဖြင့် စာရင်းများအတွက် ကျည်ဆံအရောင်များ ပြောင်းလဲနည်းကို လေ့လာပါ။
ကျည်ဆန်အရောင်ပြောင်းပါ။
- Adele
- Agnes
- ဘီလီ
- ဇင့်
အဆင့် 1) HTML ကိုထည့်ပါ
အခြေခံစာရင်းတစ်ခုဖန်တီးပါ-
ဥပမာ
<ul>
<li>Adele</li>
<li>Agnes</li>
<li>Billy</li>
<li>Bob</li>
</ul>
အဆင့် 2) CSS ကိုထည့်ပါ
မူရင်းအားဖြင့်၊ စာရင်းအကြောင်းအရာတစ်ခု၏ ကျည်ဆန်အရောင်ကို ပြောင်းလဲရန် မဖြစ်နိုင်ပါ။ သို့သော်၊ သင်ဖြစ်နိုင်စေရန်အတွက် CSS လှည့်ကွက်အချို့ကိုပြုလုပ်နိုင်သည်။ သင်သည် CSS framework သို့မဟုတ် အထူးစတိုင်စာရွက်ကို အသုံးပြုနေပါက ၎င်းကို အနည်းငယ် ကွဲပြားအောင် ပြင်ဆင်ရနိုင်သည်ကို သတိပြုပါ။
ဥပမာ
ul {
list-style: none; /* Remove default bullets */
}
ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a
bullet */
color: red; /* Change the color */
font-weight:
bold; /* If you want it to be bold */
display: inline-block; /*
Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em; /*
Also needed for space (tweak if needed) */
}