Nasıl Yapılır - Listelerin Madde İşareti Rengini Değiştirme
CSS ile listeler için madde işareti renklerini nasıl değiştireceğinizi öğrenin.
Madde İşareti Rengini Değiştir
- Adele
- Agnes
- Billy
- Bob
Adım 1) HTML'yi ekleyin:
Temel bir liste oluşturun:
Örnek
<ul>
<li>Adele</li>
<li>Agnes</li>
<li>Billy</li>
<li>Bob</li>
</ul>
Adım 2) CSS'yi ekleyin:
Varsayılan olarak, bir liste öğesinin madde işareti rengini değiştirmek mümkün değildir. Ancak, bunu mümkün kılmak için bazı CSS hileleri yapabilirsiniz. Bir CSS çerçevesi veya özel bir stil sayfası kullanıyorsanız, onu biraz farklı bir şekilde ayarlamanız gerekebileceğini unutmayın:
Örnek
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) */
}