HTML CSS examples for CSS Widget:Border Style
Check Border Meeting point
<html> <head> <style type="text/css"> p {<!--from w w w . j ava 2 s .com--> position: relative; border-top:10px solid red; border-bottom-style:dotted; border-left-style:none; } p:before { content: ''; display: block; width: 10px; position: absolute; top: -10px; bottom: 0; background: blue; } </style> </head> <body> <p>2 different border styles.</p> </body> </html>