HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ border: 2px solid black; min-height:50px; padding-top:10px; text-align: center; } #point{ border-top-right-radius: 25px; } #point1{ border-top-right-radius: 50px 15px; } </style> </head> <body> <h1>CSS border-top-right-radius Property</h1> <h2>border-top-right-radius: 25px;</h2> <div id="point"> border-top-right-radius: 25px; </div> <h2>border-top-right-radius: 25px 5px;</h2> <div id="point1"> If two values are given, then the first one is for the top border, the second one for the right border. </div> </body> </html>
OUTPUT
×

Save as Private