CSS:
Code:
ul {
margin:0px;
padding:0px;
list-style:none;
width: 410px;
height: 410px;
}
ul>li {
width: 100px;
height: 100px;
text-indent: 0px;
float:left;
}
.c1 {border-right: 2px solid black; border-left: 2px solid black; border-top: 2px solid black;}
.c2 {border-right: 2px solid black; border-top: 2px solid black;}
.c3 {border-bottom: 2px solid black;}
MARKUP:
Code:
<ul>
<li class="c1"></li>
<li class="c2"></li>
<li class="c2"></li>
<li class="c2"></li>
<li class="c1"></li>
<li class="c2"></li>
<li class="c2"></li>
<li class="c2"></li>
<li class="c1"></li>
<li class="c2"></li>
<li class="c2"></li>
<li class="c2"></li>
<li class="c1 c3"></li>
<li class="c2 c3"></li>
<li class="c2 c3"></li>
<li class="c2 c3"></li>
</ul>