CSS border-radius Property - Playground Example

« Back to CSS border-radius Property

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.border {
   border: 2px solid red;
   border-radius: 10px 5px 15px 20px;
   margin: 20px;
   padding: 20px;
}
</style>
</head>
<body>
<div class="border">This is an example of the border-radius property using a red solid border 2px in width and a 10px radius for top-left, 5px for top-right, 15px for bottom-right and 20px for bottom-left.</div>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee