ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの黒い点を消す方法

HTMLの黒い点を消す方法

青灯夜游
青灯夜游オリジナル
2022-01-21 15:41:1115785ブラウズ

li の黒い点をクリアする方法: 1. list-style-type 属性を使用し、「list-style-type:none;」スタイルを li 要素に追加するだけです; 2. list-style を使用します。属性を使用するには、「list-style:none;」スタイルを li 要素に追加するだけです。

HTMLの黒い点を消す方法

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

HTML で ul タグと li タグを使用してリストを作成します:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

リスト内の各項目にはデフォルトで小さな黒い点があることがわかります:

HTMLの黒い点を消す方法

#胸の前の黒い斑点を取り除くにはどうすればよいですか?

リスト アイテム タグのタイプを設定する list-style-type 属性を使用します。属性値が "none" の場合、タグは指定されません (つまり、タグは削除されます)。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			ul li{
				list-style-type:none;
			}
		</style>
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

HTMLの黒い点を消す方法

リスト形式の短縮属性を使用して、すべてのリスト属性を 1 つのステートメントで設定することもできます。

ul li{
	list-style:none;
}

HTMLの黒い点を消す方法

関連する推奨事項:「

html ビデオ チュートリアル

以上がHTMLの黒い点を消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。