DreamWeaver表格應(yīng)用之細(xì)線框的制作_Dreamweaver教程
效果圖:

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

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


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

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

為了便于大家理解,這里筆者再稍微解釋下。其中我們將“CellSpace”設(shè)定為1,在設(shè)定表格的背景顏色時(shí),無疑已經(jīng)包括了這一部分。而后面的單元格設(shè)定則恰好把它“甩”下了。這樣就促成了顯示上的效果,那么改變表格背景色也就是改變邊框的顏色了。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver網(wǎng)頁設(shè)計(jì)與制作完全手冊(cè)
- Dreamweaver 8 大師系列教程- 高級(jí)篇
- 零基礎(chǔ)學(xué)Dreamweaver CS3+ASP 教案PPT/隨書光盤
- Dreamweaver MX 2004中文版完全自學(xué)手冊(cè)
- 精通Javascript+jQuery
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- GoLive視頻教程(趙鵬主講)
- java實(shí)例教程在線支付系統(tǒng)制作
- 別具光芒:DIV+CSS網(wǎng)頁布局與美化
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-DreamWeaver表格應(yīng)用之細(xì)線框的制作
。