Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS border</title> <style> p { padding: 10px; border-style: solid; } p.one { border-top-width: 5px; border-color: #ae4fad; } p.two { border-right-width: 5px; border-color: #7aa309; } p.three { border-bottom-width: 5px; border-color: #ccb720; } p.four { border-left-width: 5px; border-color: #9a605f; } </style> </head> <body> <p class="one">This is a paragraph has top border.</p> <p class="two">This is a paragraph has right border.</p> <p class="three">This is a paragraph has bottom border.</p> <p class="four">This is a paragraph has left border.</p> </body> </html>
