I have to say, CSS and Div are a lot of fun.
Because the head of a bored, suddenly think, draw a div windmill how, so he drew a.
Border's style can be chosen independently.
On the code:
<style>*{margin:0px;padding:0px;}. we{border-left:5px double red;border-right:5px dotted green;border-top:5px solid #3333FF; border-bottom:6px Groove # ff9900;width:500px;height:300px;margin:0 Auto;} #ftop {margin-left:100px;margin-right:0px;width:100px;height:200px;background-color: #FF0000;} #fright {margin-left:200px;margin-top:-100px;width:200px;height:100px;background-color: #FFFF66;} </style><div class= "We" >different border</div><br/><div><!--First part-->< Div id= "ftop" >up</div><div id= "Fright" >right</div></div><style> #fleft { Margin-left:0px;margin-right:0px;width:200px;height:100px;float:left;background-color: #0099CC;} #fdown {margin-left:200px;margin-top:0px;width:100px;height:200px;background-color: #66FF00}</style>< div><!--Second Part--><div id= "Fleft" >left</div><div id= "Fdown" >down</div></ Div>
Different border
Upright Leftdown
DIV CSS Draw Windmill