Maison >interface Web >tutoriel CSS >Quels sont les styles de liste CSS ? Comment définir le style de liste avec CSS
Quels sont les styles de liste CSS ? Comment définir le style de liste avec CSS
- 不言original
- 2018-08-18 14:05:344300parcourir
Quels sont les styles CSS pour les listes et comment définir les styles de liste CSS ? Le prochain article vous présentera le style de liste CSS.
1. Liste ordonnée CSS (ol) et liste non ordonnée CSS (ul)
list.html
<!doctype html><html><head>
<meta charset="utf-8">
<title>列表样式</title>
<link href="box.css" type="text/css" rel="stylesheet"></head><body>
<p>
<ul>
<li>水果 <ol>
<li>苹果</li>
<li>香蕉</li>
<li>梨子</li>
</ol>
</li>
</ul>
</p></body></html> 2. Style d'étiquette de liste CSS list-style-type
valeur de l'attribut :
cercle; cercle creux
disque; cercle plein
décimal ; nombre
list.css
ul>li{
list-style-type:circle;
}
ul>li>ol>li{
list-style-type:disc;
}3. Mode d'affichage du style d'étiquette CSS list-style-position
Valeur de l'attribut : extérieur (en dehors du texte, par défaut)
à l'intérieur (avec texte)
list.css
ul{
text-align: center;
list-style-position:outside;
}
ul>li{
list-style-type:circle;
}
ul>li>ol>li{
list-style-type:disc;
}Recommandations associées :
CSS Tous les types de styles de liste_html/css_WEB-ITnose
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!