HTML Compiler Online
Javascript Online Compiler
index.html
Change Theme
Compress code
Format code
Download Code
Clear Code
Copy Code!
Run
ctrl+s or click
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS - border radius</title> <style> .radius1 { border-radius: 10px; } .radius2 { border-radius: 10px 20px; } .radius3 { border-radius: 20px 10px; } .radius4 { border-radius: 10px 20px 30px; } .radius5 { border-radius: 10px 20px 30px 40px; } p { width: 200px; height: 50px; padding: 10px; border: 2px solid black; } </style> </head> <body> <h1>To control border radius of an element use 'border-radius' property.</h1> <p class="radius1">This is example text.</p> <p class="radius2">This is example text.</p> <p class="radius3">This is example text.</p> <p class="radius4">This is example text.</p> <p class="radius5">This is example text.</p> </body> </html>
Run
x
x
