Wie UL OL anders machen

August 29

OL wird im HTML-Format verwendet, um sortierte Listen erstellen und Listen UL, ungeordnete erstellen. Normalerweise sehen UL und OL miteinander--identisch, außer dass die erste Elemente nummerierte hat und die zweite Aufzählungselemente hat-- aber Sie Cascading Style Sheets, eine gemeinsame Web-basierte Sprache, UL OL anders aussieht machen können. CSS kann zahlreiche Aspekte der beiden Element ändern. Es kann z. B. Ändern der Schriftart, die Schriftgröße, die Farbe und die Zeilenhöhe und es kann die Darstellung der Liste Marker verändern.

Anweisungen

1 "< Stil >" Einfügen und "< / style >" zwischen den "< Head >" und "< / head >" Tags in CSS auf der Seite zu aktivieren. Zum Beispiel:

< Head >< Stil >< / style >< / head >

2 "Ol {}" und "Ul {}" dazwischen "< Style >" Einfügen und "< / style >" Markierungen, so dass der Code die folgenden ähnelt:

< Stil >OL {}UL {}< / style >

3 Legen Sie die gewünschten CSS-Attribute zwischen der gelockt Klammern, UL von OL unterscheiden. Um bestimmte Schriftarten UL und OL, bzw. zuzuweisen, z. B. Bearbeiten Sie den Code so, dass es die folgenden ähnelt:

OL {Schriftfamilie: arial, Schriftgröße: 8pt; Color: #000000; Zeilenhöhe: 14px; Schriftbreite: Fett;}UL {Schriftfamilie: Mal neue Roman, Schriftgröße: 12 pt; Farbe: #C0C0C0; Zeilenhöhe: 10px; Schriftbreite: normal}

4 Verwenden Sie "List-Style-Type" und "List-Style-Image", um die Liste Marker auf ein anderes Objekt zu ändern. Beispielsweise um die Kugeln in UL zu Quadraten zu ändern, verwenden Sie den folgenden Code:

UL {List-Style-Type: quadratisch;}

Überprüfen Sie die W3C-Website, um die verschiedenen Werte, die mit "List-Style-Type" und "List-Style-Image" zu sehen.

5 Speichern und den bearbeiteten Code auf Ihre Website hochladen. Aktualisieren Sie die Seite, um die Änderungen sehen und die Unterschiede in der OL und UL-Stile anzeigen.