Skip to content

Instantly share code, notes, and snippets.

@NetanelBasal

NetanelBasal/table borderd.css

Created December 29, 2015 13:54
Show Gist options
  • Save NetanelBasal/47e445127426324426e9 to your computer and use it in GitHub Desktop.
Save NetanelBasal/47e445127426324426e9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
table borderd.css
body {
margin: 50px;
}
table {
width: 100%;
border-spacing: 0px;
}
th, td {
text-align: left;
border: 1px solid lightgrey;
padding: 0.5rem;
}
th {
border-right: none;
border-bottom: none;
}
td {
border-bottom: none;
border-right: none;
}
tr:last-child td {
border-bottom: 1px solid lightgrey;
}
tr td:last-child, th:last-child {
border-right: 1px solid lightgrey;
}
table tr:last-child td:first-child {
border-bottom-left-radius: 5px;
}
table tr:last-child td:last-child {
border-bottom-right-radius:5px
}
thead th:first-child {
border-top-left-radius: 5px;
}
thead th:last-child {
border-top-right-radius: 5px;
}
Raw
table borderd.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<table>
<thead>
<th>dsds1</th>
<th>dssd2</th>
<th>dssd2</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>2</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>2</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>2</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>2</td>
<td>4</td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment