All corners are rounded:
.rounded {
    border-radius: 10px;
}
Only bottom corners are rounded:
.bottom_rounded {
    border-radius: 0 0 10px 10px;
}
Perfectly circled box:
.circle {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    line-height: 200px;
}
Direction rule: top-left, top-right, bottom-right, bottom-left
by Valeri Tandilashvili
4 years ago
CSS
properties
Learn CSS
1
Pro tip: use ```triple backticks around text``` to write in code fences