野鷹部落

知識是靠經驗的累積‧經驗是靠問題的發生‧問題是來自使用者 

« [密] 圖層特效 - MX188308_layer_transitions[密] 文字連結的效果 - TextLinkRollover »

[密] 製作不一樣的表格線 - TableLines 2.0

製作不一樣的表格線 - TableLines 2.0

覺得Dreamweaver畫表格都沒有什麼創意嗎?利用CSS又有點難度?這裡有一個插件,讓你能夠很快速的製作不一樣的表格線。
製作效果:

安裝完插件後,可以在常用面板中找到它

當你要利用此插件時,最好是先知道想要製作的表格大小是多大的,因為使用此插件後,是無法再做修改的,只能整個表格刪除後再重新建立新的表格。所以此例子中我想要製作一張月曆,於是我的表格大小就選擇7*6的。

Location of spacer gif 是要使用一張圖檔,這張圖檔的內容是1*1大小的透明 gif 檔案,主要是怕表格會因為空白字元而走樣,所以需要這個空白圖檔來填充。

Line Between 是指表格中間的線是否要顯示,也可以只選擇要顯示直線或是橫線。

Column Width Row Height 是指表格內的一個格子的寬度與高度。

Align Text 指文字對齊方式。

Table Border 是指表格最外面的外框是否要有。

Color Line 指線段的顏色,Background Color 指儲存格的背景顏色,Text Color 指文字的顏色。

 都設定好了之後就按下OK,若按照我的圖檔設定,接下來就會得到下圖的結果。

接著只要在內容上再稍加調整,就可以得到以下結果。

將檔案儲存後,到瀏覽器觀看,這個就是我們要的結果啦 ~

插件下載

以下為加密内容,請輸入密碼後查看。

發表評論:

◎歡迎參與討論,請在這裡發表您的看法、交流您的觀點。

網站分類

 

最近發表

最新評論及回覆

文章歸檔

Search

Powered By Z-Blog 1.8 Arwen Build 81206 Designed by Han'space

Copyright © 2009 by YCY. Some Rights Reserved. 回到頁面頂部