Nwlapcug.com


Come fare doppi bordi con i CSS

Gli stili consentono di aggiungere vari tipi di miglioramenti agli elementi di pagina Web. Bordi sono utili per stile quando si desidera portare l'attenzione a una particolare area, ad esempio un paragrafo importante o un'immagine che si desidera telaio. CSS consente di applicare stili diversi a un bordo.

Istruzioni

1

Aprire il file di foglio di stile nel tuo editor di pagine Web o qualsiasi editor di testo. Individuare l'elemento che si desidera applicare uno stile di bordo doppio per. 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 "double" come suo valore come illustrato di seguito. Si noti come due punti separano la proprietà e il valore, e come la dichiarazione termina con un punto e virgola.

p {
border-style: doppio;
}

3

Fare clic su "File" e scegliere "Salva" per salvare le modifiche al file di foglio di stile. Le modifiche rifletterà in ogni pagina Web che si collega al file.

Consigli & Avvertenze

  • Aggiungere la proprietà "border-width" Se si desidera specificare lo spessore del bordo. Si può scegliere tra tre valori standard "sottile", "medium" o "spessa", 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 prima il "border-style".
  • Se si utilizza doppi bordi e lo spessore del bordo insieme, la somma delle due frontiere e lo spazio tra è uguale lo spessore impostato.