En este artículo, aprenderemos cómo ocultar bordes y fondos en celdas vacías de una tabla usando CSS. La propiedad de celdas vacías de CSS se utiliza para ocultar los bordes y los fondos de las celdas vacías.
Enfoque: la propiedad de celdas vacías de CSS se utiliza para ocultar los bordes y los fondos de las celdas vacías. Para ocultar los bordes y los fondos de las celdas vacías, estableceremos el valor de celdas vacías para ocultar, lo que ocultará los bordes y los fondos de las celdas vacías.
Sintaxis:
empty-cells: hide;
Ejemplo
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.gfg {
font-size: 50px;
empty-cells: hide;
}
td,
th {
background-color: rgb(0, 168, 0);
border: solid 1px red;
}
</style>
</head>
<body>
<table class="gfg" border="1">
<tr>
<td>Name</td>
<td>Marks</td>
</tr>
<tr>
<td>Nikhil</td>
<td>200</td>
</tr>
<tr>
<td>Vijay</td>
<td></td>
</tr>
</table>
</body>
</html>
Producción:
Antes de aplicar la propiedad de celdas vacías:
Después de aplicar la propiedad de celdas vacías:
Publicación traducida automáticamente
Artículo escrito por nikhilchhipa9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA