<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 100px; border: dotted">dotted</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 200px; border: dashed">dashed</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 300px; border: solid">solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 400px; border: double">double</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 500px; border: groove">groove</div>

<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 150px; left: 200px; border: 1 solid">1 solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 150px; left: 300px; border: 2 solid">2 solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 150px; left: 400px; border: 3 solid">3 solid</div>

<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 250px; left: 200px; border: 1 solid red">1 solid red</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 250px; left: 300px; border: 2 solid yellow">2 solid yellow</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 250px; left: 400px; border: 3 solid blue">3 solid blue</div>