CSS - właściwości border-spacing
border-spacing
| 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>programowanie - 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;
}
table.one {
border-spacing: 10px;
}
table.two {
border-spacing: 10px 40px;
}
table.three {
border-spacing: 40px 10px;
}
</style>
</head>
<body>
<p>Najlepiej sprzedające się gry w historii (stan na maj 2020):</p>
<table class="one">
<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>
<p>Najlepiej sprzedające się gry w historii (stan na maj 2020):</p>
<table class="two">
<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>
<p>Najlepiej sprzedające się gry w historii (stan na maj 2020):</p>
<table class="three">
<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>
|
|