CSS ULタグからドットを削除する方法-フロントエンドQ&A-php.cn

CSS ULタグからドットを削除する方法

青灯夜游

リリース： 2022-04-25 17:55:53

オリジナル

12889 人が閲覧しました

CSS では、list-style-type 属性を使用して ul のドットマークを削除できます。構文は「ul{list-style-type:none}」です。list-style-type 属性はリスト項目を設定できますマークのタイプ値が「なし」の場合、マークを定義できないか、既存のマークを削除できます。

CSS ULタグからドットを削除する方法

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

HTML ul タグは順序なしリストにすることができ、リスト内の各オプションは li タグを使用して定義されます。

HTML ul 順序なしリストでは、デフォルトでオプションタグとしてドットが使用されます:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML无序列表</title>
</head>
<body>
    <p>早餐的种类：</p>
    <ul>
        <li>鸡蛋</li>
        <li>牛奶</li>
        <li>面包</li>
        <li>生菜</li>
    </ul>
</body>
</html>

ログイン後にコピー

CSS ULタグからドットを削除する方法

では、これらのドットタグを削除するにはどうすればよいでしょうか。 CSSを使用できます。

CSS では、list-style-type 属性を使用して、順序なしリストからドットマークを削除できます。

list-style-type 属性は、リストアイテムタグのタイプを設定できます。属性値が "none" に設定されている場合、タグを定義できないか、既存のデフォルトタグを削除できます。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML无序列表</title>
<style>
ul{
list-style-type:none;
}
</style>
</head>
<body>
    <p>早餐的种类：</p>
    <ul>
        <li>鸡蛋</li>
        <li>牛奶</li>
        <li>面包</li>
        <li>生菜</li>
    </ul>
</body>
</html>

ログイン後にコピー

CSS ULタグからドットを削除する方法