Tryit Editor T4Tutorials.com
Edit This Code:
See Result »
<html> <head> <style> p.r{ border-top-style: dotted; border-right-style: solid; border-bottom-style: dotted; border-left-style: solid; border-width: 5px; border-color: red; font-size: 30px; } p.b{ border-top-style: solid; border-right-style: groove; border-bottom-style: hidden; border-left-style: dotted; border-width: 5px; border-color: blue; font-size: 30px; } p.g{ border-top-style: groove; border-right-style: solid; border-bottom-style: double; border-left-style: hidden; border-width: 5px; border-color: gray; font-size: 30px; } </style> </head> <body> <h1>Border - Individual Sides</h1> <p><b>Different border styles.</b></p> <p class="r">Thanks For Your Love For T4-Tutorials</p> <p class="b">Thanks For Your Love For T4-Tutorials</p> <p class="g">Thanks For Your Love For T4-Tutorials</p> <img src="logo.jpg"/> </body> </html>
Result: