Cách thực hiện - Thay đổi màu đầu dòng của danh sách
Tìm hiểu cách thay đổi màu dấu đầu dòng cho danh sách bằng CSS.
Thay đổi màu dấu đầu dòng
- Adele
- Agnes
- Billy
- Bob
Bước 1) Thêm HTML:
Tạo một danh sách cơ bản:
Thí dụ
<ul>
<li>Adele</li>
<li>Agnes</li>
<li>Billy</li>
<li>Bob</li>
</ul>
Bước 2) Thêm CSS:
Theo mặc định, không thể thay đổi màu dấu đầu dòng của một mục danh sách. Tuy nhiên, bạn có thể thực hiện một số thủ thuật CSS để làm cho điều đó trở nên khả thi. Lưu ý rằng bạn có thể phải chỉnh sửa nó khác đi một chút nếu bạn đang sử dụng khung CSS hoặc một biểu định kiểu đặc biệt:
Thí dụ
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) */
}