Kononov Space
  • Main
  • Articles
  • Tech Recipes
  • About me
  • Contacts
  • Conferences
  • About Project
Subscribe

round

A collection of 1 post
[RECIPE]: floating rounded table rows with CSS
recipe

[RECIPE]: floating rounded table rows with CSS

If your designer wants to have table rows floating one above another, with some space between, and having rounded borders, follow this: :root { --border-radius: 5px; } table { background-color: gray; border-collapse: separate; border-spacing: 0 2px; } tr { background-color: white; } td:first-child { border-bottom-left-radius: var(--border-radius); border-top-left-radius: var(--border-radius); } td:last-child { border-bottom-right-radius: var(--border-radius);
Apr 20, 2020 1 min read
Kononov Space © 2023
Powered by Ghost