border-radius: 8px rounds all corners; per-corner values and the slash syntax give finer control. border-radius: 50% on a square makes a circle. It works even without a visible border, since it clips the background and box too.
border-radius: 8px rounds all corners; per-corner values and the slash syntax give finer control. border-radius: 50% on a square makes a circle. It works even without a visible border, since it clips the background and box too.
<!doctype html><html><head><meta charset="utf-8">
<style>.card{border-radius:12px;background:#140a28;padding:16px}.dot{width:60px;height:60px;border-radius:50%;background:#b388ff}</style></head><body style="background:#06040d;color:#e6e0ff"><div class="card">rounded card</div><br><div class="dot"></div></body></html>