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>
|
|