Comment supprimer les points de la balise CSS ul-Questions et réponses frontales-php.cn

Comment supprimer les points de la balise CSS ul

青灯夜游

Libérer： 2022-04-25 17:55:53

original

12785 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut list-style-type pour supprimer le point de ul. La syntaxe est "ul{list-style-type:none}" ; l'attribut list-style-type peut définir le type. de la marque d'élément de liste Lorsque la valeur est "aucune", aucune marque ne peut être définie ou les marques existantes peuvent être supprimées.

Comment supprimer les points de la balise CSS ul

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

La balise HTML ul peut être une liste non ordonnée, et chaque option de la liste est définie à l'aide de la balise li.

La liste non ordonnée HTML ul utilise des points comme balises d'option par défaut :

<!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>

Copier après la connexion

Comment supprimer les points de la balise CSS ul

Alors, comment supprimer ces balises de points ? Vous pouvez utiliser CSS.

En CSS, vous pouvez utiliser l'attribut list-style-type pour supprimer le point de la liste non ordonnée.

L'attribut list-style-type peut définir le type de balise d'élément de liste. Lorsque la valeur de l'attribut est définie sur "aucun", la balise ne peut pas être définie ou la balise par défaut existante peut être supprimée.

<!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>

Copier après la connexion

Comment supprimer les points de la balise CSS ul