Sono Andrea Tonin di Rovigo, sono web-designer di professione. Il mio lavoro consiste nel fornire ai miei clienti interfacce di navigazione accattivanti e personalizzate. Questa esigenza lavorativa mi ha portato a sviluppare una buona conoscenza delle tecniche HTML e CSS. Spero che questo corso pratico di CSS vi possa essere utile
In CSS è possibile assegnare un contorno ad un elemento con l’istruzione outline.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> span.esempio { outline-color:#00ff00; /* Colore del contorno */ outline-style:dotted; /* Stile del contorno */ outline-width:5px; /* Spessore del contorno */ } </style> </head> <body> <span class="esempio">Questo è un esempio di contorno realizzato con l'istruzione outline, a differenza del bordo (border)può non essere rettangolare.</span>Inoltre i contorni non comportano il rifluire del documento. </body> </html>
Vediamo il risultato finale qui sotto:
Questo è un esempio di contorno realizzato con l’istruzione outline,
a differenza del bordo (border) può non essere rettangolare.Inoltre i contorni non comportano il rifluire del documento.