round_table
表の４隅を角丸にします。
scss
@import 'catpow';
@include round_table(1rem);
@import 'catpow'; @include round_table(1rem);
css
border-radius: 1rem;
tr:first-of-type th:first-child, tr:first-of-type td:first-child {
border-radius: 1rem 0px 0px 0px;
}
tr:first-of-type th:last-child, tr:first-of-type td:last-child {
border-radius: 0px 1rem 0px 0px;
}
tr:last-of-type th:first-child, tr:last-of-type td:first-child {
border-radius: 0px 0px 0px 1rem;
}
tr:last-of-type th:last-child, tr:last-of-type td:last-child {
border-radius: 0px 0px 1rem 0px;
}
border-radius: 1rem; tr:first-of-type th:first-child, tr:first-of-type td:first-child { border-radius: 1rem 0px 0px 0px; } tr:first-of-type th:last-child, tr:first-of-type td:last-child { border-radius: 0px 1rem 0px 0px; } tr:last-of-type th:first-child, tr:last-of-type td:first-child { border-radius: 0px 0px 0px 1rem; } tr:last-of-type th:last-child, tr:last-of-type td:last-child { border-radius: 0px 0px 1rem 0px; }