DreamWeaver表格應(yīng)用之細(xì)線框的制作_Dreamweaver教程
效果圖:
細(xì)線邊框是網(wǎng)頁(yè)中定位區(qū)分內(nèi)容常用的一種方法,配合特定圖片的使用,往往能夠達(dá)到不錯(cuò)的效果,那么如何制作細(xì)線邊框呢?
大家都知道,所謂細(xì)線邊框,大體外觀上就是一個(gè)簡(jiǎn)單的1行1列表格,那么我們直接把表格對(duì)象的Border值設(shè)定為1不就可以了嗎?請(qǐng)看下面的制作效果:
同樣在網(wǎng)頁(yè)中指定位置插入一個(gè)單行單列的表格,用鼠標(biāo)單擊表格外框的任何一個(gè)部位以選中它,在屬性板中將“Border”值設(shè)定為1,也可以同時(shí)將另外的“CellPad”和“CellSpace”置零,如圖:
預(yù)覽狀態(tài)下的不同效果圖示:
從上面的圖示中,不難看出簡(jiǎn)單的邊框置1達(dá)不到效果,下面我們看下,如何通過(guò)對(duì)表格的“巧妙”設(shè)置來(lái)實(shí)現(xiàn)要求的細(xì)度。
同樣在上面的表格中,將屬性板中,“border”、“cellpad”設(shè)置為“0”,“cellspace”設(shè)置為“1”,注重“Cellspace”指的是單元格與單元格之間的距離大小。如圖
將表格的“Bgcolor”設(shè)定為“紅色”,同時(shí)將單元格的“Bgcolor”設(shè)定為同網(wǎng)頁(yè)背景色-“白色”,預(yù)覽效果如圖:
為了便于大家理解,這里筆者再稍微解釋下。其中我們將“CellSpace”設(shè)定為1,在設(shè)定表格的背景顏色時(shí),無(wú)疑已經(jīng)包括了這一部分。而后面的單元格設(shè)定則恰好把它“甩”下了。這樣就促成了顯示上的效果,那么改變表格背景色也就是改變邊框的顏色了。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作完全手冊(cè)
- Dreamweaver 8 大師系列教程- 高級(jí)篇
- 零基礎(chǔ)學(xué)Dreamweaver CS3+ASP 教案PPT/隨書(shū)光盤(pán)
- Dreamweaver MX 2004中文版完全自學(xué)手冊(cè)
- 精通Javascript+jQuery
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁(yè)
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門(mén)到精通
- GoLive視頻教程(趙鵬主講)
- java實(shí)例教程在線支付系統(tǒng)制作
- 別具光芒:DIV+CSS網(wǎng)頁(yè)布局與美化
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-DreamWeaver表格應(yīng)用之細(xì)線框的制作。