concepteurs de sites Web utilisent des listes à puces pour plus de balles que l`ajout et le texte. La balise HTML utilisée pour créer des listes à puces est pratique pour créer des menus ou en organisant des images pour un javascript pour charger dans un diaporama. Apprendre à utiliser le code de feuille de style en cascade en conjonction avec des listes à puces - appelé "listes à puces" en argot HTML - ouvrira plusieurs possibilités Web-design passionnants.
Ouvrez votre fichier HTML contenant la liste à puces et de regarder entre les
et étiquettes vers le haut du code. Ajouter des tags si elles ne sont pas déjà présents. Si votre code comprend une marquer quelque part après la tag, et que contient une référence à un fichier CSS, puis ouvrez ce fichier à la place. Votre code CSS va entre les balises ou sur une nouvelle ligne de votre fichier CSS.Aligner le texte dans toutes les balles en définissant "text-align" pour votre
- Étiquette. le
- tag enroule autour de la
- et balises pour les définir dans le cadre d`une liste unique. Lorsque vous alignez le texte pour la
- tag, l`alignement affecte le texte dans chaque balle, mais ne correspond pas à la liste elle-même à la gauche ou à droite de la page. Voici un exemple de code CSS pour définir "text-align":
Alignez toute la liste à gauche ou à droite de la page en définissant "flotte" pour votre
ul {text-align: right;}
On notera que les balles ne se déplacent pas avec le texte. Les balles restent à la gauche dans ce cas.
- Étiquette. Quand "flotte" est fixé à gauche ou à droite sur un
- tag, il déplace la totalité de la liste à puces à gauche ou à droite de la page. Set float comme ceci:
Enveloppez votre
ul {float: right;}
Vous pouvez définir "flotte" à gauche ou à droite, mais pas au centre.
- tags dans
Liste Item
Liste Item le
div {display: d`îlot text-align: centre-}
ul {display: inline-bloquants text-align: left;}
Conseils & Avertissements
- Utilisez le code CSS sur les listes à puces en HTML pour créer des menus. Réglage
- des balises à flotter vers la gauche, aligner les uns contre les autres, et le réglage "list-style" à "aucun" pour le
- tag rend les balles disparaissent. Après cela, le style de la liste à puces avec des couleurs et de l`espacement en fonction de la conception de votre page Web.
