Border

La proprietà border permette di impostare lo stile, il colore e lo spesore dei bordi.

Possiamo modificare il colore di un bordo usando un CSS di questo tipo:

.bordo_rosso {
border-color: #FF0000;
}

 

Lo stile del bordo può essere:

Stile:	Valore di border :	Esempio:
Punteggiato	dotted	Tratteggiato: dotted
Trateggiato	dashed	Punteggiato: dashed
Continuo	solid	Continuo: solid
Doppio	double	Doppio: double

 

Il bordo può essere impostato uniformemente oppure in modo diverso per ogni lato.
Vediamo due esempi con il relativo codice CSS

Esempio1

Esempio2

.esempio 1 {
border: dotted #000000;
}

.esempio 2 {
border: solid
border-top-color: #000000;
border-right-color: #FF0000;
border-bottom-color: #00FF00;
border-left-color: #0000FF;
}

 

(Annunci Google)