網(wǎng)頁制作時(shí)經(jīng)常用到1個(gè)像素高或?qū)挼募?xì)線條來修飾，可以使網(wǎng)頁的布局更加清楚，整體更加美觀。由于一直習(xí)慣使用Dreamweaver編輯網(wǎng)頁，所以在閱讀《巧妙地在Frontpage中給網(wǎng)頁加入一條豎直線》一文后，筆者利用文中的方法二，在Dreamweaver中給網(wǎng)頁加入一條豎直線。

　　依葫蘆畫瓢，按照《巧妙》一文的所述的方法二，筆者在Dreamweaver中插入表格，設(shè)置單元格邊距和間距均為0，表格的寬度為1個(gè)像素，并設(shè)置背景色為藍(lán)色。確認(rèn)設(shè)置無誤后，按F12預(yù)覽，可是網(wǎng)頁上并沒有如愿出現(xiàn)豎直細(xì)線條(如圖1)。明明進(jìn)行了正確的設(shè)置卻不能實(shí)現(xiàn)豎直細(xì)線條，真是郁悶！

圖1

　　這是什么原因呢？于是筆者打開Dreamweaver的源代碼窗口，經(jīng)過仔細(xì)觀察，發(fā)現(xiàn)設(shè)置為1像素寬的單元格中有個(gè)“ ”的標(biāo)記(如圖2)，這個(gè)標(biāo)記是HTML中的轉(zhuǎn)義符，在瀏覽器輸出為一個(gè)空格。發(fā)現(xiàn)這個(gè)標(biāo)記，筆者終于恍然大悟，原來就是這個(gè)標(biāo)記在作祟！于是刪除這個(gè)標(biāo)記后，再次打開網(wǎng)頁，豎直細(xì)線條終于成功的設(shè)置了！

圖2

　　在Dreamweaver中插入表格都會(huì)自動(dòng)在每個(gè)單元格中加上“ ”的標(biāo)記，正是因?yàn)檫@個(gè)標(biāo)記，使得設(shè)置為1像素寬的單元格在瀏覽器中顯示時(shí)多了個(gè)空格，把單元格撐大。

　　另外，《巧妙》一文的方法一使用＜hr＞語句來插入豎直線，筆者覺得有不妥之處，因?yàn)椋糷r＞語句插入的豎直線上下都會(huì)留有空白，并不能在任何時(shí)候都滿足自己的需要，所以筆者建議盡量使用插入表格的方法來實(shí)現(xiàn)。