http://www.loveisfeel.net/test.htm아래 링크에서 확인 하실 수 있습니다.
http://www.loveisfeel.net/test.htm
이미지로 하는것 보단 상당히 요용합니다.
디자이너 로서,  다양한 디자인을 용이 하게 합니다.
쓸때 없는 테그의 당비를 줄일 수 있습니다.
table , tr, td 하다 못해 링크에도 적용할 수 있습니다.

<style type="text/css">
.love_line{ border-bottom: 1px dotted #B6B6B6; }
.love_line1{ border-bottom: 10px dotted #B6B6B6; }
.love_line3{ border-top: 10px dashed #E4E4E4;    }
.love_line2{ border-top: 1px  dashed #E4E4E4;   }
.love_line4{ border-left: 8px dashed #E4E4E4; border-top: 8px dashed #E4E4E4;  padding-top: 5px;   }
.love_line2 a:hover {
        border-bottom: 1px dashed red;
                color: red;
        text-decoration: none;
}

</style>

.love_line{ border-bottom: 1px dotted #B6B6B6; }
.love_line1{ border-bottom: 10px dotted #B6B6B6; }
.love_line3{ border-top: 10px dashed #E4E4E4;    }
.love_line2{ border-top: 1px  dashed #E4E4E4;   }
.love_line4{ border-left: 8px dashed #E4E4E4; border-top: 8px dashed #E4E4E4;  padding-top: 5px;   }
.love_line2 a:hover {
        border-bottom: 1px dashed red;
                color: red;
        text-decoration: none;
<table width="100%" border="0" cellpadding="5" cellspacing="5">
  <tr>
    <td bgcolor="#FFFFFF" class="love_line">  love_line dotted 효과를 주었습니다.</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF" class="love_line1">  love_line1 dotted 효과를
      주었습니다.</td>
  </tr>
  <tr class="padding">

  </tr>
  <tr class="padding">
    <td bgcolor="#FFFFFF" class="love_line2">love_line2 dashed 효과를
      주었습니다.링크에 마우스를 대면!?</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF" class="love_line3">  love_line3 dashed 효과를
      주었습니다. </td>
  </tr>

</table>