Cómo hacer que las columnas se extienden en CSS

CSS le proporciona una propiedad "ancho" que le permite ampliar una columna con un ancho de píxel específico. CSS le permite controlar varias columnas con una sola instrucción de código. Puede configurar una o varias columnas mediante clases CSS. También puede configurar las columnas de los márgenes, el relleno y los bordes de la clase CSS.

Instrucciones

1 Haga clic en el archivo HTML o CSS que desea utilizar para editar el ancho de columna. Haga clic en "Abrir con", a continuación, haga clic en su editor preferido. Si usted no tiene un editor HTML, puede utilizar el Bloc de notas para editar HTML.

2 Configurar el estilo CSS. El estilo contiene el la anchura en píxeles. ancho de píxel es el estándar mundial para el dimensionamiento anchura y la altura del elemento HTML. Por ejemplo, la anchura de una pantalla es típicamente 1.200 píxeles, por lo que es de 300 píxeles de alrededor de un cuarto de la anchura de la pantalla. Escriba el siguiente código para crear un nuevo estilo CSS para las columnas en su página:

ancho de columna {

Anchura: 300px;

}

El "columnwidth" es el nombre que se utiliza en la definición de la etiqueta de su columna.

3 Desplazarse hacia abajo el archivo a la ubicación de la columna que desea extender. En la propiedad "ID" de la columna, introduzca el mismo nombre de clase CSS creado anteriormente. Por ejemplo, el código siguiente establece el ancho a 300 píxeles definidos en la clase en el Paso dos:

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

4 Guarde los cambios y abrir el archivo en el explorador Web para ver los cambios de estilo CSS. Observe que la columna se extiende a lo ancho de píxel se define en la clase CSS.