Avete una immagine su sfondo bianco e volete aggiungerci un bordino grigio senza dover usare un programma di grafica? Vediamo 3 mod...
Avete una immagine su sfondo bianco e volete aggiungerci un bordino grigio senza dover usare un programma di grafica?
Vediamo 3 modi come poter aggiungere un bordo all'immagine usando il CSS, cioè un foglio di stile.
- Aggiungere uno stile all'immagine.
- Aggiungere una classe all'immagine.
- Aggiungere un stile al tag immagini.
1. Aggiungere uno stile all'immagine.
Nel codice html devi individuare il tag <img che definisce l'immagine e all'interno del tag, prima della chiusura /> devi aggiungere.
Attento alla sintassi perché è abbastanza rigida e se non scritta
correttamente non funziona, cioè style deve essere sempre seguito da =
e
dopo = ci devo essere sempre " " (aperto e chiuso apici) che racchiudono lo
stile.
Lo stile deve essere scritto con il nome giusto, se fai errori di
digitazione non funziona, e deve essere sempre seguito da : (due punti) e le
caratteristiche dello stile devono sempre terminare con il ; (punto e
virgola). Queste sono le basi e non si possono ignorare.
2. Aggiungere una classe all'immagine.
In questo caso devi aggiungere o allo stile del sito o della pagina web uno stile personalizzato come questo.
Una volta fatto devi individuare il tag <img nell'html della pagina e aggiungere class="bordogrigio" ed il gioco è fatto.
3. Aggiungere un stile al tag immagini.
Questa soluzione che è quella mostrata graficamente in questa pagina, aggiunge alla pagina web un foglio di stile (aprendo e chiudendo il tag <style></style> e a tutte le immagini della pagina definisce di aggiungere un bordo di 1 pixel di colore grigio #cccccc.
Parole chiave: sottolinea, sottolineatura, riga sotto.
Nessun commento