ホームページ > 記事 > ウェブフロントエンド > CSSで順序なしリストの前にあるドットを削除する方法
CSSで順序なしリストの前にあるドットを削除する方法
- WBOYオリジナル
- 2021-12-13 10:38:1215942ブラウズ
CSS では、"list-style" 属性を使用して、順序なしリストの前のドットを削除できます。この属性は、リストのスタイルを設定するために使用されます。属性の値が "none" の場合、リストは削除されます。ドットの前の構文は「ul{list-style:none;}」です。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css で順序なしリストの前のドットを削除する方法
CSS では、list-style 属性を使用してドットを削除できます。順序なしリストのドットの前にあるこの属性は、リストの属性スタイルを設定するために使用されます。属性の値が none の場合は、順序なしリストの前のドットを削除します。
例は次のとおりです:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
ul li{
list-style:none;
}
</style>
</head>
<body>
<p>无序列表：</p>
<ul>
<li>雪碧</li>
<li>可乐</li>
<li>凉茶</li>
</ul>
</body>
</html>出力結果:
興味がある場合は、引き続き ## をクリックしてください。 #css ビデオ チュートリアル を学習します。
以上がCSSで順序なしリストの前にあるドットを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでULのliの間隔を変更する方法次の記事：CSSでULのliの間隔を変更する方法