<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS border-color Property</title> <style> p { border-width: 15px; padding: 20px; margin: 20px; } p.one { border-style: solid; border-color: blue; } p.two { border-style: solid; border-color: purple yellow; } p.three { border-style: solid; border-color: orange blue green; } p.four { border-style: solid; border-color: red blue yellow green; } </style> </head> <body> <p class="one"><strong>one-value syntax:</strong>This is a frist paragraph.</p> <p class="two"><strong>two-value syntax:</strong>This is a second paragraph.</p> <p class="three"><strong>three-value syntax:</strong>This is a most important paragraph.</p> <p class="four"><strong>four-value syntax:</strong>This is a last paragraph.</p> </body> </html>