HTML BORDERS
Look! Rounded corners
<div style="font-family:verdana;padding:20px;border-radius:10px;border:10px solid #EE872A;"><div style="font-family:arial;color:#cc0099;">Look! Rounded corners</div></div>
HTML solid borders
<div style="width:400px;height:100px;border:10px solid blue;"> <div style="font-family:arial bold;font-size: 30px; #000000;">HTML solid borders</div></div>
HTML dotted border
<div style="width:400px;height:100px;border:6px dotted green;"> HTML dotted border </div>
HTML dashed border
<div style="width:400px;height:100px;border:6px dashed red;"> HTML dashed border </div>
HTML outset border
<div style="width:400px;height:100px;border:16px outset blue;"> HTML outset border </div>
HTML inset border
<div style="width:400px;height:100px;border:16px inset yellow;"> HTML inset border </div>
HTML groove border
<div style="width:400px;height:100px;border:16px groove #ff00ff;"> HTML groove border </div>
HTML double border
<div style="width:400px;height:100px;border:16px double #997766;"> HTML double border </div>
HTML ridge border
<div style="width:400px;height:100px;border:16px ridge lime;"> HTML ridge border </div>