【利用Dreamweaver MX 2004和CSS 建立1像素邊框的表格】

網頁中難免會用到不少表格,但預設的表格格線總是粗粗的不太好看,本期的小撇步就要告訴大家如何善用設定網頁格式的CSS來做做細邊表格,這可是相當實用的唷!

說明一:

在Dreamweaver編輯檢視下可看到,單純使用HTML建立表格時的狀態如下



使用Browser預覽

 

說明二:

配合CSS建立表格時的狀態如下,只設定將表格、儲存格的框線為1像素時,會發現表格的框線是2個像素寬,這是因為相鄰的儲存格框線會黏在一起。



使用Browser預覽

 

說明三:

這時您可以在CSS中加上「border-collapse:collapse;」也就是第 11 行,就可以囉!

 

說明四:

看到了嗎 ? 表格的線是否變得細緻些嘍!


 



版權所有,未經確認授權,嚴禁轉貼節錄

財團法人中華民國電腦技能基金會
TEL02-2577-8806FAX02-2577-8135
服務信箱:[email protected]