ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSで順序なしリストの前にあるドットを削除する方法

CSSで順序なしリストの前にあるドットを削除する方法

WBOY
リリース: 2021-12-13 10:38:12
オリジナル
15973 人が閲覧しました

CSS では、"list-style" 属性を使用して、順序なしリストの前のドットを削除できます。この属性は、リストのスタイルを設定するために使用されます。属性の値が "none" の場合、リストは削除されます。ドットの前の構文は「ul{list-style:none;}」です。

CSSで順序なしリストの前にあるドットを削除する方法

このチュートリアルの動作環境: 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 ビデオ チュートリアル を学習します。

以上がCSSで順序なしリストの前にあるドットを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート