CSS에서 목록 스타일 유형을 설정하려면 CSS에서 list-style-type 속성을 사용하세요.
예시
정렬되지 않은 목록에 대한 목록 스타일 유형을 설정하는 예를 살펴보겠습니다 -
<!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> 출력
예시
이제 정렬된 목록(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> 출력
