IN CSS abbiamo l'opportunita di aggiungere testo o immagini prima di un elemento.
possiamo selezionare un(o piu) elemento
per esempio: a
e aggiungiamo ad ogni link il testo "LINK:" prima
CODICE
a:before{content:'LINK:'}
e' il tag selezionato
:before indica prima del elemento
content indica che deve inserire qualcosa
'LINK:' gli apici indicano che il contenuto e' del testo e tra le apici scriviamo il nostro etst desiderato
Come gia preanunciato possiamo inserire anche immagini
la sintassi e' la stessa
CODICE
a:before{content:url(LINK-IMMAGIN)}
indica che si sta inserendo un collegamento
LINK-IMMAGINI viene sostituito dal URl
inoltre abbiamo anche la possibilita di aggiungere come testo l'attributo
CODICE
a:after{content:attr(href)}
con questo codice avremmo scritto vicino al link, l'indirizzo al quale rimanda
:after indica che ci sara del contenuto dopo l'ancoraggio.
attr indica che deve scrivere il valore di un attributo
hrefindica di quale attributo deve stampare il valore
Si possono anche combinare :after e :before
CODICE
a:after{(content:'>')}
a:before(content:'<')
purtroppo con content
NON possiamo creare codici HTML
Reply
Last comments