Normalement, lorsque vous créez une liste non ordonnée en HTML, les balles et le texte à la fois adopter la même couleur que le texte sur la page. Si vous souhaitez spécifier une couleur différente pour les balles dans une liste à puces dans votre page HTML, vous pouvez mettre en place une chaîne de code CSS dans le code HTML pour spécifier la couleur des balles dans la liste ainsi que le texte dans la liste.
Instructions
Ouvrez le document HTML que vous souhaitez changer la couleur de la balle d'une liste à puces en utilisant un éditeur de texte ou un éditeur HTML.
Ajoutez le code suivant entre le "
" et "" tags sur la page: Ajoutez le code suivant entre l'ouverture et la fermeture "
ul #-balles colorées li
{
color: # FF0000-
}
ul #-balles colorées li durée
{
color: # 000000-
}
Changement "# FF0000" le code de couleur hexadécimal HTML que vous voulez changer les balles dans une liste à puces à. Changement "# 000000" au code de couleur HTML ou code hexadécimal de la couleur de la partie de texte de la liste. Si vous ne voulez pas le texte pour modifier les couleurs indiquent la même couleur que l'autre texte sur la page (la valeur par défaut est "# 000000").
Ajouter le code suivant dans la page où vous voulez que la liste non ordonnée afficher:
En spécifiant le "couleur-balles" ID pour la liste non ordonnée, d'autres listes à puces dans votre page ne sont pas affectés. Ajouter la "couleur-balles" ID à toutes les listes à puces que vous voulez changer les couleurs de puces pour.
Ajoutez le code suivant pour chaque balle que vous souhaitez voir apparaître dans la liste, entre le "
" ouverture et de fermeture des balises:
- Bullet texte
Cela crée une balle dans la liste. Remplacer "Bullet texte" avec le texte de la balle. Continuez à ajouter le code ci-dessus pour autant de balles que vous souhaitez voir apparaître dans la liste.
Enregistrez le fichier et de le transférer à votre serveur.