CSS 라운드

<style type="text/css">
  #r {width:   150px   ;font:bold 7pt tahoma;color:gray;} /* 크기조절 */
  #r b{display:block;height:1px;overflow:hidden;}
  #r b, #r #r5{border:   gray   ;background:   #ffffff   ;} /* 바탕 색상 */
  #r #r1{background:   gray   ;}
  #r #r1{margin:0px 5px 0px 5px;}
  #r #r2{border-left:solid 2px;border-right:solid 2px;margin:0px 3px 0px 3px;} 
  #r #r3, #r #r4, #r #r5{border-left:solid 1px;border-right:solid 1px;} 
  #r #r3{margin:0px 2px 0px 2px;}
  #r #r4{height:2px;} /* 놀이조절 */
  #r #r4{margin:0px 1px 0px 1px;} 
  #r #r5{padding:0px 5px 0px 5px;}
</style>

<div id=r>
<b id=r1></b>
<b id=r2></b>
<b id=r3></b>
<b id=r4></b>
<div id=r5>
<!-- 내용 시작 -->

  <div style="height:600"> /* 놀이조절 */
  the new empty space.<br/>
  <a href=http://skystory.kr target="_blank">at fifth night</a>

   </div>
</div>
<b id=r4></b>
<b id=r3></b>
<b id=r2></b>
<b id=r1></b>
</div>