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.