前面我們已講了一些利用表格來排版的例子。在用表格排版的時候,有時候需要表格套表格――即表格的嵌套來達到我們所需的效果。表格的嵌套不要太多,一般不超過三層,否則下載起來速度就有的您受的了。還是那句老話啦,大家還是要通過實際操作去學表格的排版。
這章我們重點要說的是表格的風格配置問題。其實用表格能夠做出很多我們意想不到的效果呢~:)
然后還要介紹一下虛線表格、陰影表格和園角表格的做法。
本篇的主要內容是:
DW和FP中的表格屬性
? 表格屬性 表格邊框 表格背景圖片
虛線表格
帶陰影的表格
園角表格
DW中的表格屬性
先說說DW里的表格。通過表格的屬性對話框,我們能夠配置表格的高度、寬度、邊框、對齊方式、背景色和背景圖片等屬性。
指定寬度能夠選擇象素和百分比兩種形式。一般我們都使用百分比形式,這樣在不同的分辨率下表格的顯示是按照頁面的比例自動拉伸的。邊框能夠配置顏色和粗細,注意看右邊的亮邊框和暗邊框選項,假如不對亮邊框和暗邊框進行配置,那么“表格邊框”設為1的時候,做出來的表格并不是常見的那種1個象素邊框的細表格,而是像下面這種表格:
將表格的亮邊框和暗邊框配置為不同顏色,再指定表格的背景顏色,就能夠做出很漂亮的表格效果。下面的表格就是我們做出的表格
在屬性框里更有背景圖片這個選項,選擇合適的圖片,就能夠用圖片來填充表格背景。但是這樣填充的背景是重復填充的。
好了,表格的基本配置就是那么些內容了,利用這些基本配置就能夠做出千變萬化的表格效果了。下面我們來講三種特別表格的做法。
虛線表格
現在似乎相當流行呀。上面我們已介紹到,在屬性里的頁面屬性中就能夠選擇“虛線”選項,但是這要在IE5.5以上的版本才能支持,網景瀏覽器則根本不支持。
有一種最簡單的辦法,在各個瀏覽器中都能支持,而且很美觀。
先在photoshop里做一個1×2象素大小的圖片,一半填充為白色,一半填充為黑色。如圖所示:
然后在網頁編輯器如DW中插入表格,在表格屬性里將表格的間距配置為1,邊距和邊框都設為0(這一步很重要!)將上面做的1×2的圖片配置為表格的背景。
這時候我們看到表格成了這個樣子:
再選中單元格。記住不是選擇整個表格而是選擇單元格。我們能夠看看兩者的區別。
選擇背景顏色為白色,就得到了虛線表格的效果。
帶陰影的表格
由于這個表格制作起來比較麻煩,還要修改html代碼,很多人可能做半天也很難做出來(我第一次就做了N久~大概是我太笨了~~?!)干脆就把代碼寫出來,大家貼過去就是了~~有偷懶得嫌疑,呵呵……
園角表格
先做出如下兩張圖片(具體的作圖方法就不用說了吧?……第二張圖片是第一張圖片垂直翻轉得到的):
創建一個2行一列的表格,把兩張圖片分別插入表格的第一和第二行。把表格的寬的配置為和圖象的寬度相同,如我們配置的寬度是140象素。
好了,對表格的用法我們就介紹到這里,我覺得已相當全面了,而且我已解說得很簡單明了了,希望對大家有點幫助~