Come fare doppi bordi con i CSS

December 8

Gli stili consentono di aggiungere vari tipi di miglioramenti per gli elementi della pagina Web. I confini sono utili per stile quando si vuole portare l'attenzione su una particolare area, come ad esempio un paragrafo importante o una foto che si desidera incorniciare. CSS permette di applicare stili diversi per un bordo.

istruzione

1 Aprire il file foglio di stile nel vostro editor di pagine Web o un qualsiasi editor di testo semplice. Cercare l'elemento che si desidera applicare uno stile a doppio bordo. Ad esempio, se si desidera applicare lo stile per l'elemento <p>, cercare la regola CSS per il tag <p>, come illustrato di seguito:

p {
}

2 Inserire la proprietà "border-style" in regola "p". Tipo "doppio" come valore, come illustrato di seguito. Si noti come i due punti separano proprietà e il valore, e come la dichiarazione termina con un punto e virgola.

p {
border-style: doppio;
}

3 Fai clic su "File" e poi su "Salva" per salvare le modifiche al file di foglio di stile. I cambiamenti si riflettono in ogni pagina Web contenente il collegamento al file.

Consigli e avvertenze

  • Aggiungere la proprietà "border-width", se si desidera specificare lo spessore del bordo. È possibile scegliere tra tre valori normali "sottile", "medio" o "di spessore", o immettere il valore in pixel come "5px" (senza virgolette). Se non si specifica un spessore del bordo, verrà utilizzato il valore predefinito. Si noti che la proprietà "border-width" non ha effetto se non si imposta il "border-style" per primo.
  • Se si utilizzano doppi bordi e lo spessore del bordo insieme, la somma dei due bordi e lo spazio in mezzo è uguale spessore set.