CSS fornisce una proprietà "larghezza" che consente di estendere una colonna ad una larghezza pixel specifico. CSS permette di controllare diverse colonne con una sola istruzione di codice. È possibile impostare una o più colonne utilizzando classi CSS. È inoltre possibile impostare le colonne 'margini, padding e bordi nella classe CSS.

istruzione

1 Fare clic destro sul file HTML o CSS che si desidera utilizzare per modificare la larghezza della colonna. Fai clic su "Apri con", quindi fare clic su il vostro editor preferito. Se non si dispone di un editor HTML, è possibile utilizzare Blocco note per modificare HTML.

2 Impostare lo stile CSS. Lo stile contiene la larghezza in pixel. larghezza in pixel è lo standard globale per il dimensionamento larghezza e altezza dell'elemento HTML. 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 pagina:

larghezza della colonna {

width: 300px;

}

Il "ColumnWidth" è il nome che si utilizza nella definizione di tag di colonna.

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

<Div id = "ColumnWidth"> </ div>

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