How to create CSS3 Rounded Corners?
https://www.tutorialspoint.com/how-to-create-css3-rounded-corners
-
13-09-2020 - |
Pregunta
How to create CSS3 Rounded Corners?
To create rounded corners, use the border-radius property in CSS3. Following is the code for creating rounded corners −
Example
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div { display: inline-block; width: 200px; height: 200px; text-align: center; font-size: 30px; } .rounded { border-radius: 24px; border: 4px solid green; } .normal { border: 4px solid green; margin-left: 20px; } </style> </head> <body> <h1>CSS3 rounded corner example</h1> <div class="rounded">Rounded Corners</div> <div class="normal">Default corners</div> </body> </html>
Output
The above code will produce the following output −
Advertisements
No afiliado a Tutorialspoint