CSS fornisce con una proprietà "width" che consente di estendere una colonna a una larghezza di pixel specifico. CSS consente di controllare diverse colonne con solo un'istruzione di codice. È possibile impostare una o più colonne utilizzando le classi CSS. È anche possibile impostare delle colonne margini, spaziatura interna e bordi in classe CSS.

Istruzioni

1

Pulsante destro del mouse il file HTML o CSS che si desidera utilizzare per modificare la larghezza della colonna. Fare clic su "Apri con", quindi fare clic sul tuo editor preferito. Se non si dispone di un editor HTML, è possibile utilizzare blocco note per modificare il codice HTML.

2

Impostare lo stile CSS. Lo stile contiene la larghezza in pixel. Larghezza in pixel è lo standard globale per il dimensionamento dell'elemento HTML width e height. Ad esempio, la larghezza di uno schermo è tipicamente 1.200 pixel, quindi 300 pixel è circa un quarto della larghezza dello schermo. Digitare il seguente codice per creare un nuovo stile CSS per le colonne nella tua pagina:

ColumnWidth {

Width: 300px;

}

Il "columnwidth" è il nome che si utilizza nella definizione di tag della vostra colonna.

3

Scorrere verso il basso il file nella posizione della colonna che si desidera estendere. Nella proprietà "ID" della colonna, immettere lo stesso nome della classe CSS creato in precedenza. Ad esempio, il codice seguente imposta la larghezza di 300 pixel definito nella classe nel passaggio due:

< div id = "columnwidth" >< / div >

4

Salvare le modifiche e aprire il file nel browser Web per visualizzare le modifiche CSS. Si noti che la colonna si estende per la larghezza in pixel che è definire nella classe CSS.