CSSで順序なしリストの表示スタイルの種類を解除する方法

キャンセル方法: 1. 順序なしリストの黒点スタイルをキャンセルするには、「list-style」属性を使用します。構文は「順序なしリスト {list-style:none}」です。 2. 表示を使用します。 none をキャンセルする属性を指定します。配列リストは行単位で表示され、構文は「順序なしリスト {display:inline}」です。

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSSで順序なしリストの表示スタイルの種類を解除する方法

順序なしリスト

順序なしリストの並べ替えシリアル番号がないことを意味しますが、デフォルトでは先頭にドットが表示されます

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

#サンプルコード:

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

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

エフェクトのスクリーンショット:

番号なしリストからポイントを削除します

list-style: none を使用してドットを削除できます。

style 属性を ul タグに直接記述するか、セレクターを記述することで、 を追加しますlist-style: none ;この文のドットを削除できます。
サンプルコード:

nbsp;html>
	
		<meta>
		<style>
			#aa{
				list-style: none;
			}
		</style>
		<title></title>
	
	
		

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

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

エフェクトのスクリーンショット:

行単位で表示

サンプル コード:

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 中国語 Web サイトの他の関連記事を参照してください。