Για να δημιουργήσετε μια λίστα με κουκκίδες, χρησιμοποιήστε τις ετικέτες μη ταξινομημένης λίστας

και ετικέτες στοιχείων λίστας όπως φαίνεται στο παρακάτω παράδειγμα.

• Παράδειγμα
• Παράδειγμα2
• Παράδειγμα3

Το παραπάνω παράδειγμα θα δημιουργήσει μια λίστα με κουκκίδες όπως φαίνεται παρακάτω.

• Παράδειγμα
• Παράδειγμα2
• Παράδειγμα3

Αν θέλετε να αλλάξετε αυτήν τη λίστα σε μια λίστα με παραγγελίες (αριθμημένη λίστα), αλλάξτε την

ετικέτες σε

, όπως φαίνεται στο παρακάτω παράδειγμα.

1. Παράδειγμα
2. Παράδειγμα2
3. Παράδειγμα3

Το παραπάνω παράδειγμα θα δημιουργούσε μια αριθμημένη λίστα όπως φαίνεται παρακάτω.

1. Παράδειγμα
2. Παράδειγμα2
3. Παράδειγμα3

Αν θέλετε να εφαρμόσετε στυλ CSS ή να χρησιμοποιήσετε μια εικόνα ως τη λίστα των κουκίδων, δημιουργήστε έναν κώδικα CSS παρόμοιο με το παρακάτω παράδειγμα.

#content ul li {λίστα-στυλ-Τύπος: κανένας; πληκτρολόγηση: 0 0 4px 23px; background: διεύθυνση url (// www.computerhope.com/arrow.gif) no-repeat left top;

}}

Σε αυτό το παράδειγμα, χρησιμοποιώντας ένα εξωτερικό αρχείο .css, λέμε στην ιστοσελίδα να αλλάζει μόνο τα στοιχεία με κουκκίδες στην ενότητα. Αν θέλετε να αλλάξετε όλα τα στοιχεία με κουκκίδες, μπορείτε να καταργήσετε το #content στο παραπάνω παράδειγμα. Στη δεύτερη γραμμή, η λίστα-style-Type: none. λέει στο πρόγραμμα περιήγησης να μην εμφανίζει σφαίρες. Στην τρίτη γραμμή, το padding: 0 0 4px 23px; είναι η επένδυση και η περικοπή γύρω από τις σφαίρες. Τέλος, η τελευταία γραμμή παρασκηνίου λέει στο πρόγραμμα περιήγησης να χρησιμοποιεί μια εικόνα ως σφαίρα και πού να την εμφανίσει. Με αυτόν τον κώδικα CSS, παίρνουμε κουκκίδες όπως φαίνεται παρακάτω.

• Παράδειγμα
• Παράδειγμα2
• Παράδειγμα3