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.

Il mio sito ufficiale>