<div style=" border: solid; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 5px; padding-bottom: 5px; border-width: 0px 1px; border-color: #99cccc #006699; font-size: 12px; line-height: 150%; padding-right: 5px; padding-left: 5px; color: #333333">sdfsdf</div>

用樣式表最方便，程式碼簡潔，可以統一整個網站的風格。
.td2 {   border: solid; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 5px; padding-bottom: 5px; border-width: 0px 1px; border-color: #99cccc #006699; font-size: 12px; line-height: 150%; padding-right: 5px; padding-left: 5px; color: #333333}

這裡定義了表格的兩個豎邊的寬度和顏色，在頁面裡只是簡單的寫上<td class=td2>，多簡單！:)

水平線不需要用CSS ，直接在程式碼中加入顏色的十六進位制就可以了。
如：<hr color=#abcdef size="1">

我比較偏愛層,因為如果要組成動態的線條的話,
表格,圖片,hr,還是要放到<div>中的
我一般這樣寫:
<div style="position:absolute; left:10px; top:10px;
               border-left:1px solid black;
               background:none;
               font-size:0px"></div>   (豎線)
如果會使用濾鏡和js的話,可以做成很炫的效果

1<div style="width:1000;height:1;;border-top:1px dotted #000000"></div>2<s style="width:1000;height:1;border-top:1px dotted #000000"></s>3<b style="width:1000;height:1;border-top:1px dotted #000000"></b>4<input style="width:1000;height:1;border-top:1px dotted #000000">5<a style="width:1000;height:1;;border-top:1px dotted #000000"></a>6<center style="width:1000;height:1;;border-top:1px dotted #000000"></center>7<iframe style="width:1000;height:1;;border-top:1px dotted #000000;" frameborder=no></iframe>8<img style="width:1000;height:1;;border-top:1px dotted #000000"></img>9<hr size="1" noshade style="height:100;width:1;border:1px dotted #000000;zoom:2">線條長度=zoom*height10<hr size="1" noshade style="border:1px dotted #000000">部分不能顯示請裝IE5.5+