Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> p.normal { border: 3px solid blue; } p.round-one { border: 3px solid blue; border-radius: 6px; } p.round-two { border: 3px solid blue; border-radius: 9px; } p.round-three { border: 3px solid blue; border-radius: 15px; } </style> </head> <body> <h2>The border-radius Property</h2> <p class="normal">Example with normal border</p> <p class="round-one">Example with round border</p> <p class="round-two">Example with rounder border</p> <p class="round-three">Example with roundest border</p> </body> </html>