Tecnología

Inicio

Cómo cambiar el color de una tabla

Una tabla en una página web se ha creado usando el HTML etiqueta <TABLE>. Se compone de filas y columnas, como una hoja de cálculo. El color puede ser añadido a la mesa, TR (fila), y TD (celular) etiquetas por separado. Esto se puede hacer con el atributo HTML "bgcolor", que aunque en desuso sigue siendo reconocido por los navegadores web, o mediante el uso de hojas de estilo en cascada (CSS) y el atributo de estilo "de fondo", que es el método recomendado por el diseño moderno página web.

Instrucciones

El uso de atributos HTML

1 Abra su software de edición web y la página web que contiene la tabla que desea agregar color a, o crear una nueva página web y añadir una tabla a la misma.

2 Ver el código HTML de su página web en su herramienta de edición. En Adobe Dreamweaver, por ejemplo, haga clic en el botón "Split" "Código" o en la parte superior de la ventana de edición.

3 Cómo cambiar el color de una tabla

Inserte el atributo "bgcolor" y una opción de color en su <TABLE>, <TR> o <TD> etiqueta HTML si desea cambiar el color de fondo usando el método antiguo. El código sería similar a: <table bgcolor = # 990000 width = "100%" border = "0"> <tr bgcolor = "# 9900CC"> o <td bgcolor = "# 9900CC">.

4 Guarde los cambios en los archivos y cargar su página web en el servidor web para ver los colores de la mesa en su navegador web.

Uso de estilos CSS

5 Cómo cambiar el color de una tabla

Insertar una etiqueta <style> en la sección <head> de su página web (por encima de la etiqueta BODY) y añadir las definiciones de color CSS para controlar la aparición de todas las tablas en su página web. El código sería similar a: <style> tabla {background-color: # FF0000; } </ Style>. Entonces cada vez que insertar una etiqueta <TABLE> en el cuerpo de esta página, tendrá este color.

6 Cómo cambiar el color de una tabla


Insertar una definición de estilo CSS directamente en una etiqueta <TABLE> en el cuerpo de la página web, si usted quiere cambiar el color de una sola tabla en una página que tiene muchos. El código sería similar a: <table style = "background-color: # 0033CC" width = "100%" border = "0">.

7 Insertar una definición de estilo para controlar el color de fondo de las etiquetas individuales de fila de tabla (TR) o etiquetas de celda de tabla (TD) como lo hizo con la etiqueta <TABLE> en el paso 2. Este código será similar a: <tr style = "background -color: # 0033CC "> y <td style =" background-color: # 0033CC ">.

8 Guarde los cambios en los archivos y cargar su página web en el servidor web para ver los colores de la mesa en su navegador web.

Consejos y advertencias

  • La tabla de "frontera" también se puede colorear con CSS usando el atributo: style = "border-color: #".