Come per centrare l'DIV in un layout CSS

January 13

Come per centrare l'DIV in un layout CSS


Cascading Style Sheets, o CSS, permette di formattare i documenti HTML in una varietà di modi, tra cui la modifica del colore, decorazione di confine e il posizionamento di layout. L'elemento HTML DIV rende possibile per voi per includere diversi tipi di contenuto in una singola unità o gruppo. Il posizionamento di default per un DIV è lasciato. Aggiungere il codice CSS per la definizione dello stile DIV per centrare la vostra DIV.

istruzione

1 Aprire il foglio di stile CSS o la pagina Web che contiene la definizione di stile DIV. Assomiglia a questo:

<Style type = "text / css">

div{ background-color: #CCC;}

</ Style>

2 Digita il codice di "margine" con un valore di "auto" per centrare il DIV:

<Style type = "text / css">

div{ background-color: #CCC; margin-left:auto; margin-right:auto;}

</ Style>

3 Salvare il documento e caricare la pagina Web in un browser per visualizzare gli effetti del cambiamento di stile.