CSS의 목록 스타일은 무엇입니까

CSS의 목록 스타일은 다음과 같습니다: 1. CSS 정렬된 목록 [ol] 및 CSS 정렬되지 않은 목록 [ul] 2. CSS 목록 레이블 스타일 [list-style-type] 3. CSS 레이블 스타일 표시 방법 [list] -스타일 위치].

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

CSS의 목록 스타일은 다음과 같습니다.

1. CSS 정렬 목록(ol) 및 CSS 정렬되지 않은 목록(ul)

　　list.html 　　 　　 　　 　　
 　　
 　　
 　　
水果
 　　
苹果
 　　
香蕉
 　　
梨子
 　　
 　　
 　　
 　　

2.

• 　 원; 속이 빈 원

• 디스크; 단색 원

• 소수점; 숫자

　　list.css 　　ul>li{ 　　list-style-type:circle; 　　} 　　ul>li>ol>li{ 　　list-style-type:disc; 　　}

3. CSS 라벨 표시 방법 목록 style -style-position

　　list.css 　　ul{ 　　text-align:center; 　　list-style-position:outside; 　　} 　　ul>li{ 　　list-style-type:circle; 　　} 　　ul>li>ol>li{ 　　list-style-type:disc; 　　}

로그인 후 복사

추천 관련 튜토리얼:CSS 비디오 튜토리얼

위 내용은 CSS의 목록 스타일은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!