CSS - właściwości border-collapse


border-collapse: separate

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - table</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
table {
  border-collapse: separate;
}
table, th, td {
  border: 3px solid green;
}
</style>
</head>
<body>

<p>Najlepiej sprzedające się gry w historii (stan na maj 2020):</p>
<table>
 <tr>
  <th>gra</th>
  <th>sprzedaż</th>
 </tr>
 <tr>
  <td>Minecraft</td>
  <td>200 mln egzemplarzy</td>
 </tr>
 <tr>
  <td>Grand Theft Auto V</td>
  <td>120 mln egzemplarzy</td>
 </tr>
</table>

</body>
</html>


border-collapse: collapse

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - table</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
table {
  border-collapse: collapse;
}
table, th, td {
  border: 3px solid green;
}
</style>
</head>
<body>

<p>Najlepiej sprzedające się gry w historii (stan na maj 2020):</p>
<table>
 <tr>
  <th>gra</th>
  <th>sprzedaż</th>
 </tr>
 <tr>
  <td>Minecraft</td>
  <td>200 mln egzemplarzy</td>
 </tr>
 <tr>
  <td>Grand Theft Auto V</td>
  <td>120 mln egzemplarzy</td>
 </tr>
</table>

</body>
</html>