實現(xiàn)有立體感的表格邊框
請看下面的例子，這是一個具有立體感的左邊條。這個表格給人很精致的感覺，如果把它放在網(wǎng)頁的一側(cè)，做為你的網(wǎng)站的導航，一定回會為你的網(wǎng)頁增色不少。好，下面我們一起看看怎樣用表格實現(xiàn)這樣的效果。
|
歡 迎 光 臨 |
|
編程技巧 |
|
閃電空間 |
|
網(wǎng)上學習 |
|
真情無限 |
|
笑話樂園 |
|
給 我 寫 信 |
如果你用Dreamwaver實現(xiàn)起來十分簡單：
<1>我們先來插入一個表單：選擇“Insert”－>“Table”，在彈出的對話框中設(shè)置為7行1列，設(shè)置寬度為125 Pixels，然后點擊確定；
<2>選擇“Windows”菜單，點擊“Properties”項，“調(diào)出“Properties(屬性)”窗口；
<3>將鼠標在剛才插入的表格中點一下，然后按下“Ctrl+A”,選中整個表格，這時屬性框中顯示的是表格的屬性；
<4>修改表格屬性如下圖：
把“CellPad”設(shè)為1，“CellSpace”設(shè)為0，邊框?qū)挾取癇order”設(shè)為1，將亮邊框“Light Brdr”設(shè)為較深的顏色(比背景色要深)，將暗邊框“Dark Brdr”設(shè)為白色，設(shè)置背景色為“#FF66CC”以完成設(shè)置。
經(jīng)過這樣的一番設(shè)置，便出現(xiàn)了帶有立體感的表格(使用Netscape瀏覽器可能沒有此種效果)。如果你喜歡手寫代碼，那你把表格的屬性做相應(yīng)修改即可。此表格的源代碼如下：
 |