El espacio entre dos filas en una tabla se puede hacer usando la propiedad border-spacing y border-collapse de CSS. La propiedad border-spacing se usa para establecer los espacios entre las celdas de una tabla y la propiedad border-collapse se usa para especificar si el borde de la tabla está colapsado o no. El atributo de espaciado de borde solo se puede usar si el atributo de colapso de borde está configurado para separar. Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
th {
background-color:green;
Color:white;
}
th, td {
width:150px;
text-align:center;
border:1px solid black;
padding:5px
}
.geeks {
border-right:hidden;
}
.gfg {
border-collapse:separate;
border-spacing:0 15px;
}
h1 {
color:green;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>Row spacing in a table</h2>
<table>
<tr>
<th>Employee ID</th>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
</tr>
</table>
<table class = "gfg">
<tr>
<td class = "geeks">10001</td>
<td>Thomas</td>
<td>M</td>
<td>32</td>
</tr>
<tr>
<td class = "geeks">10002</td>
<td>Sally</td>
<td>F</td>
<td>28</td>
</tr>
<tr>
<td class = "geeks">10003</td>
<td>Anthony</td>
<td>M</td>
<td>24</td>
</tr>
</table>
</center>
</body>
</html>
Producción: 
CSS es la base de las páginas web, se usa para el desarrollo de páginas web mediante el diseño de sitios web y aplicaciones web. Puede aprender CSS desde cero siguiendo este tutorial de CSS y ejemplos de CSS .
Publicación traducida automáticamente
Artículo escrito por abhishek vanjani y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA