November 20
Quando HTML è entrato in uso nei primi anni 1990 prima, tutte le liste non ordinate sembravano lo stesso perché c'era solo il simbolo standard punto nero da utilizzare come punto di proiettile. Con Cascading Style Sheets (CSS), molto di più è possibile. Gli elenchi possono essere in stile con forme diverse, l'immagine selezionata dall'utente o una combinazione di opzioni.
Gli stili di proiettile standard, è possibile scegliere in CSS includono un disco, o un cerchio quadrato o un più basso-romana, superiore-romana, bassa-alfa o carattere alfabetico superiore. Il codice per un personaggio romano minuscolo è simile al seguente:
ul {
list-style-type: lower-roman;
}
Per modificare una lista designata a questo stile, creare una classe e dargli l'attributo più basso-romana, in quanto tale:
.ul_new {
list-style-type: lower-roman;
}
Il codice lista sarebbe apparso nel corpo del documento, in quanto tale:
<Style = ul "ul_new">
<Li> primo proiettile </ li>
</ Ul>
È inoltre possibile modificare la posizione del proiettile, alterando se è rientrato o rientrata.
Questo codice è ora scritto:
.ul_new {
list-style-type: lower-roman;
list-style-position: all'interno;
}
Questo è utile quando si desidera che il proiettile in linea con altri contenuti (interno).
Un modo più controllato per ottenere l'aspetto esatto del punto di proiettile è quello di utilizzare l'immagine proiettile pre-progettati proprio. Assicurarsi che l'immagine è abbastanza piccolo per essere un punto di proiettile, come le immagini più grandi possono gettare la pagina di formattazione off. Il codice dovrebbe essere simile a questa:
ul {
list-style-image: URL(http://locationoffile/nameoffile.jpg);
}
L'URL punta alla posizione dell'immagine sul server.
Se si desidera modificare direttamente la lista in HTML, specificare lo stile di elenco in ogni punto di proiettile:
<Ul>
<Li type = square> Testo 1 <li>
<Li type = square> text2 </ li>
</ Ul>
Il modo più rapido è attraverso i CSS.