Come Centrare il Contenuto di una Pagina Web Utilizzando i CSS

In questo Articolo:Centrare il Contenuto di una Pagina Web

Desideri che il contenuto del tuo sito web appaia perfettamente centrato nella pagina per ottenere due bordi laterali esattamente identici pur mantenendo l'allineamento del testo giustificato a sinistra? Questo tutorial mostra come fare.

Centrare il Contenuto di una Pagina Web

  1. 1
    Avvia Notepad o un editor di testo con funzionalità similari.
  2. 2
    Crea la struttura base della pagina web.
  3. 3
    All'interno dei tag <head> </head>, inserisci la definizione di stile che appare nell'immagine.
  4. 4
    All'interno dei tag <body></body>, inserisci il seguente tag 'div'.
  5. 5
    Inserisci il contenuto della tua pagina web all'interno dei tag <div> </div>.
  6. 6
    Ecco il prodotto finito:
  7. 7
    Salva il documento creato con l'estensione '.htm' o '.html', ora il tuo lavoro è terminato.

Consigli

  • Puoi aggiungere il seguente codice background-color: [colore]; all'interno della descrizione dello stile 'body' e dello stile 'centered'. Utilizzando colori differenti per ognuno, puoi creare una bordatura colorata su entrambi i lati (destro e sinistro) che risulteranno perfettamente identiche.
  • Sperimenta modificando l'ampiezza della pagina fino a raggiungere il risultato desiderato.

Informazioni sull'Articolo

wikiHow è una "wiki"; questo significa che molti dei nostri articoli sono il risultato della collaborazione di più autori. Per creare questo articolo, 19 persone, alcune in forma anonima, hanno collaborato apportando nel tempo delle modifiche per migliorarlo.

Categorie: Internet | Programmazione

In altre lingue:

English: Center Web Page Content Using CSS, Español: centrar el contenido de una página web usando CSS, Português: Centralizar o Conteúdo de uma Página Web Usando CSS

Questa pagina è stata letta 3 581 volte.
Hai trovato utile questo articolo?