Cómo usar CSS para diseñar los bordes de las tablas web
1 Solo configuración del borde de la tabla
2 Configuración del borde para td
3. Table y td Configure inteligentemente el borde de la tabla
4. Configure el fondo de la tabla y td para lograr el borde de la tabla perfecto
El siguiente DIVCSS5 explicará y demostrará los estilos anteriores. Bordes de tablas HTML. Para facilitar la observación, divcss5 establece la tabla en un borde rojo sólido de 1 px en todos los casos; el ancho de la tabla es de 400 px; la tabla tiene tres columnas y tres filas. En los cuatro casos anteriores, se agrega un cuadro div a la capa exterior. la tabla y el CSS denominado ".table-a", ".table-b", ".table-c", ".table-d".
Establecer el borde solo para la etiqueta de la tabla - TOP
Establecer el estilo del borde solo para la etiqueta de la tabla hará que la capa más externa de la tabla tenga un borde, pero no aparecerá dentro la mesa.
Los detalles del caso son los siguientes:
1. Código CSS correspondiente
2, fragmento de código html correspondiente
| Nombre del sitio | Sitio web | < td width= "112"> Descripción||
| www.divcss5.com | Aprendizaje de CSS | < tr>CSS5 | <.td>www.css5.com.cnRecorte CSS |
2. Establecer el borde en el td - TOP
Al configurar el estilo del borde en la tabla td, el objeto de la tabla en el td implementará el estilo del borde, pero la parte media de el td provocará un doble borde.
El tutorial detallado del caso es el siguiente:
1. Código CSS correspondiente
2, fragmento de código fuente HTML correspondiente:
< div class=; "table-c">
| Nombre de la estación</td> < td width= "181">URL | Descripción |
| DIVCSS5 | www.divcss5.com < td>Aprendizaje CSS |
| CSS5 | www.
|