NetanelBasal
12/29/2015 - 1:54 PM

table borderd.css

table borderd.html
content_copyfile_download
<!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>
table borderd.css
content_copyfile_download
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;  
}