3300.me

rounded table

sample

table {
  border: #000 1px solid;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
}
th, td {
  border-right: #000 1px solid;
  border-bottom: #000 1px solid;
}
th:last-child, td:last-child {
  border-right: none;
}
tr:last-child td {
  border-bottom: none;
}

// border-collapse: separate; （角丸を有効にする。ただし、trにborderが引けなくなる）
// border-spacing: 0; （border-collapse: separate;にした時に発生するセル間の余白を詰める）