You can edit / change the code and click run button
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <style> p.one { border-style: solid; border-color: #FF3399; } p.two { border-style: solid; border-color: #FF3399 #0000ff; } p.three { border-style: solid; border-color: #FF3399 #00ff00 #0000ff; } p.four { border-style: solid; border-color: #ff0000 #00CC00 #FF3399 #000000; } </style> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> <p class="one">Sample pink color border on four sides</p> <p class="two">Blue color on left, right and pink color on top and bottom</p> <p class="three">Pink color on top, blue color on bottom and green color on left, right</p> <p class="four">red color on top, pink color on bottom, black color on left and green color on right</p> <h1>Observe the different colors on each side of the borders</h1> </body> </html>