Dreamweaver中加入豎直線的辦法

網頁製作時經常用到1個圖元高或寬的細線條來修飾，可以使網頁的佈局更加清晰，整體更加美觀。由於一直習慣使用Dreamweaver編輯網頁，所以在閱讀《巧妙的在Fontpage中給網頁加入一條豎直線》一文後，筆者利用文中的方法二，在Dreamweaver中給網頁加入一條豎直線。
　　
　　依葫蘆畫瓢，按照《巧妙》一文的所述的方法二，筆者在Dreamweaver中插入表格，設置儲存格邊距和間距均為0，表格的寬度為1個圖元，並設置背景色為藍色。確認設置無誤後，按F12預覽，可是網頁上並沒有如願出現豎直細線條（如圖1）。明明進行了正確的設置卻不能實現豎直細線條，真是鬱悶！
　　

　　這是什麼原因呢？於是筆者打開Dreamweaver的原始程式碼視窗，經過仔細觀察，發現設置為1圖元寬的儲存格中有個“ ”的標記（如圖2），這個標記是HTML中的轉義符，在流覽器輸出為一個空格。發現這個標記，筆者終於恍然大悟，原來就是這個標記在作祟！於是刪除這個標記後，再次打開網頁，豎直細線條終於成功的設置了！

　　在Dreamweaver中插入表格都會自動在每個儲存格中加上“ ”的標記，正是因為這個標記，使得設置為1圖元寬的儲存格在流覽器中顯示時多了個空格，把儲存格撐大。

另外，《巧妙》一文的方法一使用＜hr＞語句來插入豎直線，筆者覺得有不妥之處，因為＜hr＞語句插入的豎直線上下都會留有空白，並不能在任何時候都滿足自己的需要，所以筆者建議儘量使用插入表格的方法來實現。