Maison  >  Article  >  interface Web  >  Quels attributs possède la balise li ? Explication détaillée des attributs de la balise li en CSS

Quels attributs possède la balise li ? Explication détaillée des attributs de la balise li en CSS

云罗郡主
云罗郡主original
2018-11-07 14:19:2122525parcourir

En HTML, on rencontre souvent la balise li, alors quels sont les attributs de la balise li ? Jetons un coup d'œil aux propriétés de la balise li en CSS.

1 : Quels sont les attributs de la balise

En HTML, utilisez la balise li en CSS pour contrôler le style Sur de nombreux sites Web. , cliquez sur Le début, parfois sous la forme d'une image. li est l'attribut le plus basique du HTML. La balise li est utilisée dans les listes non ordonnées et ordonnées, par exemple :

<ol> 
<li>php1</li> 
<li>php2</li> 
</ol> 
 
<ul> 
<li>php3</li> 
<li>php4</li> 
</ul>

L'effet est le suivant :

Quels attributs possède la balise li ? Explication détaillée des attributs de la balise li en CSS

Dans le code ci-dessus, vous pouvez voir que l'ordre et le désordre par défaut de li ol sont disposés en nombres ordonnés, tandis que les ul non ordonnés sont disposés en petits points. Actuellement, tous les navigateurs sont compatibles avec li. [Lecture recommandée : javaScript ajoute dynamiquement des éléments Li]

2 : Explication détaillée des attributs de la balise li en css

Beaucoup Parfois, nous ajouterons des attributs à li pour obtenir l'effet souhaité. Nous pouvons organiser les éléments horizontalement ou alignés à gauche, ou ajouter des couleurs à la liste, par exemple :

ul{
    width:100%;
}
li{
    float:left;
}

Ce qui précède. code Nous pouvons disposer les éléments horizontalement. Si nous voulons d'autres effets, nous pouvons simplement modifier le code directement.

Ce qui précède est quels sont les attributs de la balise li ? Une introduction détaillée aux attributs de la balise li en CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web PHP chinois.


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn