DreamWeaver表格應(yīng)用之細線框的制作_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
效果圖:

細線邊框是網(wǎng)頁中定位區(qū)分內(nèi)容常用的一種方法,配合特定圖片的使用,往往能夠達到不錯的效果,那么如何制作細線邊框呢?
大家都知道,所謂細線邊框,大體外觀上就是一個簡單的1行1列表格,那么我們直接把表格對象的Border值設(shè)定為1不就可以了嗎?請看下面的制作效果:
同樣在網(wǎng)頁中指定位置插入一個單行單列的表格,用鼠標單擊表格外框的任何一個部位以選中它,在屬性板中將“Border”值設(shè)定為1,也可以同時將另外的“CellPad”和“CellSpace”置零,如圖:

預(yù)覽狀態(tài)下的不同效果圖示:


從上面的圖示中,不難看出簡單的邊框置1達不到效果,下面我們看下,如何通過對表格的“巧妙”設(shè)置來實現(xiàn)要求的細度。
同樣在上面的表格中,將屬性板中,“border”、“cellpad”設(shè)置為“0”,“cellspace”設(shè)置為“1”,注重“Cellspace”指的是單元格與單元格之間的距離大小。如圖

將表格的“Bgcolor”設(shè)定為“紅色”,同時將單元格的“Bgcolor”設(shè)定為同網(wǎng)頁背景色-“白色”,預(yù)覽效果如圖:

為了便于大家理解,這里筆者再稍微解釋下。其中我們將“CellSpace”設(shè)定為1,在設(shè)定表格的背景顏色時,無疑已經(jīng)包括了這一部分。而后面的單元格設(shè)定則恰好把它“甩”下了。這樣就促成了顯示上的效果,那么改變表格背景色也就是改變邊框的顏色了。
/所屬分類:Dreamweaver教程/更新時間:2006-06-19
相關(guān)Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-DreamWeaver表格應(yīng)用之細線框的制作
。