Để đặt kiểu kiểu danh sách trong CSS, hãy sử dụng thuộc tính kiểu danh sách trong CSS.
Ví dụ
Hãy để chúng tôi xem một ví dụ trong đó chúng tôi đang đặt loại kiểu danh sách cho danh sách không có thứ tự -
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: square;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ul>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ul>
</body>
</html> Đầu ra
Ví dụ
Bây giờ chúng ta hãy xem một ví dụ trong đó chúng ta đang đặt kiểu danh sách cho các danh sách có thứ tự (ol) -
<!DOCTYPE html>
<html>
<head>
<style>
ol {
list-style-type: upper-roman;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ol>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ol>
</body>
</html> Đầu ra
