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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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>