DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 如何在網頁中制作虛線表格
如何在網頁中制作虛線表格
編輯:Dreamweaver入門     

  在制作網頁的時候,常常要遇到制作虛線表格的問題,下面的文章就能解決這個問題。

  方法一:作一個1X2的圖。

  半黑半白,再利用表格作成線。這種方法雖然麻煩,但在任何浏覽器中均可浏覽,兼容性最好。

  方法二:在CSS裡面設定。

  如果你用DreamWeaver話,只要在CSS面板裡new一個style,選擇“redefine HTML Tag”,再在下拉菜單裡先“table”,在彈出的面板裡,category裡選擇border,在border裡,將top,left,right,bottom都設成1px,顏色設成你想要的邊框的顏色。然後在style下拉框裡選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。注意,這個效果在浏覽器裡才能看見。

  方法三:直接在html裡設置(如果你只想讓某一個表格邊框是虛線的話)。

  在表格的html裡加上這個:

  style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

  顏色是十六位代碼,你可以自己設。

  注:方法二、三,只能在IE5.5裡用,到了NETSCAPE裡一點用處都沒有,除非你用做好的底圖填充。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved