Colección de citas famosas - Slogan de motivación - Cómo controlar el grosor del borde de la tabla con CSS y también mostrar líneas y colores
Cómo controlar el grosor del borde de la tabla con CSS y también mostrar líneas y colores
Esto se puede lograr estableciendo el estilo del borde del elemento de celda td: border:?width?style?color;/*Establezca el grosor, el estilo y el color del borde respectivamente*/
Ejemplo como sigue:
Proporcione dos tablas en el código HTML
有 | 志< /td> | 人 |
Las cosas | realmente | vienen td>< /tr> |
Amargo | Corazón | Gente |
Cielo | No | negativo | td>
Establecer diferentes estilos de tabla{?/*?Estilo general de la tabla?*/
margin: 50px;/*?Margin 50px?*/
border-collapse:collapse;?/*?Fusionar en una sola línea de borde?*/
} p>
/*?Establecer el estilo de tabla de la clase tb1?*/
table.tb1?td{padding:10px;border:1px?solid?green;}
/*? ¿Establecer el estilo de la tabla de la clase tb2?*/
table.tb2?td{padding:20px;border:5px?dashed?blue;}
El efecto final es el siguiente