網頁中難免會用到不少表格,但預設的表格格線總是粗粗的不太好看,本期的小撇步就要告訴大家如何善用設定網頁格式的CSS來做做細邊表格,這可是相當實用的唷!
說明一:
在Dreamweaver編輯檢視下可看到,單純使用HTML建立表格時的狀態如下
使用Browser預覽
說明二:
配合CSS建立表格時的狀態如下,只設定將表格、儲存格的框線為1像素時,會發現表格的框線是2個像素寬,這是因為相鄰的儲存格框線會黏在一起。
說明三:
這時您可以在CSS中加上「border-collapse:collapse;」也就是第 11 行,就可以囉!
說明四:
看到了嗎 ? 表格的線是否變得細緻些嘍!
版權所有,未經確認授權,嚴禁轉貼節錄 財團法人中華民國電腦技能基金會 TEL:02-2577-8806•FAX:02-2577-8135 服務信箱:[email protected]