欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

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

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

  效果圖:

DreamWeaver表格應(yīng)用之細(xì)線框的制作

  細(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”置零,如圖:

DreamWeaver表格應(yīng)用之細(xì)線框的制作

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

DreamWeaver表格應(yīng)用之細(xì)線框的制作DreamWeaver表格應(yīng)用之細(xì)線框的制作

  從上面的圖示中,不難看出簡(jiǎn)單的邊框置1達(dá)不到效果,下面我們看下,如何通過(guò)對(duì)表格的“巧妙”設(shè)置來(lái)實(shí)現(xiàn)要求的細(xì)度。

  同樣在上面的表格中,將屬性板中,“border”、“cellpad”設(shè)置為“0”,“cellspace”設(shè)置為“1”,注重“Cellspace”指的是單元格與單元格之間的距離大小。如圖

DreamWeaver表格應(yīng)用之細(xì)線框的制作

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

DreamWeaver表格應(yīng)用之細(xì)線框的制作

  為了便于大家理解,這里筆者再稍微解釋下。其中我們將“CellSpace”設(shè)定為1,在設(shè)定表格的背景顏色時(shí),無(wú)疑已經(jīng)包括了這一部分。而后面的單元格設(shè)定則恰好把它“甩”下了。這樣就促成了顯示上的效果,那么改變表格背景色也就是改變邊框的顏色了。


/所屬分類(lèi):Dreamweaver教程/更新時(shí)間:2006-06-19
相關(guān)Dreamweaver教程