User Tools

Site Tools


web_design:tablas:tables

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
web_design:tablas:tables [2021/10/14 15:28]
mag in Spanish
web_design:tablas:tables [2023/08/16 09:33] (current)
Line 91: Line 91:
 ==== Bordes ==== ==== Bordes ====
  
-  * Add the following CSS code to display the border.+  * Agregue el siguiente código CSS para mostrar el borde.
 <code>td, th { <code>td, th {
   border-width: 1px;   border-width: 1px;
   border-style: solid;   border-style: solid;
 }</code> }</code>
-  * Notice that we have applied the style rules to both <html><th></html> and <html><td></html> by separating them with a comma+  * Observe que hemos aplicado las reglas de estilo a ambos <html><th></html> <html><td></html> separándolos con una coma
-  * Now you can clearly see the structure of the table+  * Ahora puede ver claramente la estructura de la tabla
-  * For instanceyou can see that in data cellstext is aligned to the left by defaultwhile in header cellstext is center aligned+  * Por ejemplopuede ver que en las celdas de datosel texto está alineado a la izquierda de forma predeterminadamientras que en las celdas de encabezadoel texto está alineado al centro.  
-  * You will also notice that the left-aligned text is right on the edge of the cellwhich is is harder to readWe'll fix this in the next section.+  * También notará que el texto alineado a la izquierda está justo en el borde de la celdaque es más difícil de leerArreglaremos esto en la siguiente sección.
  
-[[web_design:horario:margins_padding|NextMargins and Padding]]+[[web_design:tablas:relleno|SiguienteRelleno y Visualización]]
web_design/tablas/tables.1634250498.txt.gz · Last modified: 2023/08/16 09:33 (external edit)