CSS border styles

by Umair Rafiq

HTML

<div style="position:relative; background:white; height:200px;width:200px; border: 1px solid #AAA">
  <div style="position:absolute; background:blue; left:20px; top:0px; height:16px;width:20px; border: 0px solid #AAA">1</div>
  <div style="position:absolute; background:blue; left:20px; top:20px; height:16px;width:20px; border: 0px solid #AAA">2</div>
  <div style="position:absolute; background:blue; left:20px; top:40px; height:16px;width:20px; border: 0px solid #AAA">3</div>
  <div style="position:absolute; background:blue; left:20px; top:60px; height:16px;width:20px; border: 0px solid #AAA">4</div>
  <div style="position:absolute; background:blue; left:20px; top:80px; height:16px;width:20px; border: 0px solid #AAA">5</div>
  <div style="position:absolute; background:blue; left:20px; top:100px; height:16px;width:20px; border: 0px solid #AAA">6</div>
  <div style="position:absolute; background:blue; left:20px; top:120px; height:16px;width:20px; border: 0px solid #AAA">7</div>
  <div style="position:absolute; background:blue; left:20px; top:140px; height:16px;width:20px; border: 0px solid #AAA">8</div>
  <div style="position:absolute; background:blue; left:20px; top:160px; height:16px;width:20px; border: 0px solid #AAA">9</div>
  <div style="position:absolute; background:blue; left:20px; top:180px; height:16px;width:20px; border: 0px solid #AAA">10</div>
  <div style="position:absolute; background:rgba(255,25,255,.50); top:0px; height:10%;width:200px;"></div>
  <div style="position:absolute; background:rgba(255,25,255,.50); bottom:0px; height:10%;width:200px;"></div>
</div>
<h6><span>page 1</span></h6>
<div style="position:relative; background:white; height:200px;width:200px; border: 1px solid #AAA">
  <div style="position:absolute; background:blue; left:20px; top:0px; height:16px;width:20px; border: 0px solid #AAA">1</div>
  <div style="position:absolute; background:blue; left:20px; top:20px; height:16px;width:20px; border: 0px solid #AAA">2</div>
  <div...

CSS

h6 {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #000; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

h6 span { 
    background:#fff; 
    padding:0 10px; 
}