CSS에서 정렬되지 않은 목록의 표시 스타일 유형을 취소하는 방법

취소 방법: 1. 순서가 지정되지 않은 목록의 작은 검은색 점 스타일을 취소하려면 "list-style" 속성을 사용하세요. 구문은 "unordered list {list-style:none}"입니다. 2. 취소하려면 display 속성을 사용하세요. 정렬되지 않은 목록은 행으로 표시됩니다. 스타일, 구문은 "정렬되지 않은 목록 {display:inline}"입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css에서 순서 없는 목록의 표시 스타일 유형을 취소하는 방법

순서 없는 목록

순서 없는 목록을 정렬하면 일련번호가 없지만 기본적으로 앞에 점이 표시됩니다

• 第一句
• 第二句
• 第三句
• 第四句

예:

nbsp;html>
	
		<meta>
		<title></title>
	
	
		

• 第一句
• 第二句
• 第三句
• 第四句

효과 스크린샷:

例

list-style: none;을 사용하면 점을 제거할 수 있습니다. ul 태그에 스타일 속성이나 선택기를 작성하고

list-style: none;

을 추가하여 점을 제거할 수 있습니다.

샘플 코드: 효과 스크린샷: 행으로 표시 설명

nbsp;html> <meta> <style> #aa{ list-style: none; } </style> <title></title> 第一句 第二句 第三句 第四句 第一句 第二句 第三句 第四句
	모두 목록은 기본적으로 한 행을 차지합니다. press 그것들은 행으로 표시되지만, 하나의 행으로 표시되도록 할 수도 있는데, 이는 display 속성을 통해 달성할 수 있습니다.
	표시 속성

none

표시되지 않음

block

블록 수준 요소(열 표시)
인라인
인라인 요소(라인 디스플레이 )

🎜블록 수준 요소이든 인라인 요소이든 이전 일련 번호(순서가 지정된 지점과 정렬되지 않은 지점 포함)는 무시됩니다. 🎜🎜🎜🎜🎜샘플 코드: 🎜🎜🎜

nbsp;html>
	
		<meta>
		<style>
			.aa li{
				display: inline; <!-- 行内元素（行显示） -->			}
			
			.bb li{
				display: none;  <!-- 不显示 -->			}
			.cc li{
				display: block; <!-- 块内元素（列显示） -->			}
			
			
		</style>
		<title></title>
	
	
		<ol>
			<li>第一句</li>
			<li>第二句</li>
			<li>第三句</li>
			<li>第四句</li>
		</ol>
		
		

• 第一句
• 第二句
• 第三句
• 第四句

• 第一句
• 第二句
• 第三句
• 第四句

🎜🎜🎜 효과 스크린샷: 🎜🎜 🎜🎜🎜🎜🎜(동영상 공유 학습: 🎜css 동영상 튜토리얼🎜)🎜

위 내용은 CSS에서 정렬되지 않은 목록의 표시 스타일 유형을 취소하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!