Online Html Editor

<!DOCTYPE html> <html lang="en"> <head> <style> .box { width: 300px; height: 200px; background-color: lightblue; border: 5px solid black; border-start-start-radius: 20px; /* Rounded top-left corner */ border-start-end-radius: 40px; /* Rounded top-right corner */ border-end-start-radius: 60px; /* Rounded bottom-left corner */ border-end-end-radius: 80px; /* Rounded bottom-right corner */ } </style> </head> <body> <h2>Border Radius Properties Example</h2> <div class="box"></div> </body> </html>