設(shè)置表格屬性

  • 2019-10-21 10:40:28
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.iy5y368.cn

在Dreamweaver設(shè)計(jì)網(wǎng)頁時(shí)設(shè)置表格的屬性,可以通過【屬性】面板完成。設(shè)置表格屬性的具體操作步驟如下。

【操作步驟】

第1步,啟動(dòng)Dreamweaver,新建HTML文檔,保存為test.html。

第2步,在頁面中插入一個(gè)3行3列的表格,選中整個(gè)表格。

第3步,選擇【窗口】|【屬性】命令,打開【屬性】面板。

如果沒有看到整個(gè)表格【屬性】面板,可以單擊【屬性】面板右下角的擴(kuò)大箭頭圖標(biāo),展開【屬性】面板,顯示表格的所有屬性。第4步,在【屬性】面板中設(shè)置表格的屬性。   

?表格Id:在該文本框中輸入表格的名稱,如table 1,一般在腳本控制中便于引用該表格。   

?行:在該文本框中設(shè)置表格的行數(shù),利用該文本框可以重新設(shè)置已插入表格的行數(shù),從最底部行開始可以增加或減少行數(shù),減少行數(shù)時(shí),會(huì)一并刪除行中的數(shù)據(jù)。   

?Cols(列):在該文本框中設(shè)置表格的列數(shù),利用該文本框可以重新設(shè)置已插入表格的列數(shù),從最右側(cè)列開始可以增加或減少列數(shù),減少列數(shù)時(shí),會(huì)一并刪除列中的數(shù)據(jù)。   

?寬:網(wǎng)頁設(shè)計(jì)時(shí)在該文本框中設(shè)置表格的寬度,以像素或百分比作為單位,如輸入“600”,然后在后面的列表框中選擇單位。如果要設(shè)置百分比時(shí),要在后面的下拉菜單中選擇百分比符號(hào)“%”選項(xiàng)。也可以直接在第1個(gè)文本框中輸入數(shù)值和百分比符號(hào),系統(tǒng)會(huì)自動(dòng)把第2個(gè)列表框設(shè)置為%,但對(duì)于以像素為單位時(shí),就不能在第1個(gè)文本框中同時(shí)輸入。   

?CellPad(填充):在該文本框中設(shè)置單元格內(nèi)容與單元格邊距之間的距離,默認(rèn)單位為像素,一般可以不考慮單位,如輸入數(shù)值10。填充的初始化默認(rèn)值為1,如果插入過表格,該默認(rèn)值會(huì)保存最新設(shè)置。   

?CellSpace(間距):在該文本框中設(shè)置單元格之間的距離,單位默認(rèn)為像素,一般可以不考慮單位,如輸入數(shù)值20。間距的初始化默認(rèn)值為2,如果插入過表格,該默認(rèn)值會(huì)保存最新設(shè)置。   

?Align(對(duì)齊):在網(wǎng)頁設(shè)計(jì)中,在該下拉列表框中選擇表格在容器中的對(duì)齊方式,包括“默認(rèn)”、“左對(duì)齊”、“右對(duì)齊”和“居中對(duì)齊”。所謂容器就是裝載表格的元素對(duì)象,如果在網(wǎng)頁中直接插入表格,則容器為瀏覽器窗口;如果是嵌套表格,則容器為單元格;如果在層中插入表格,則容器為層。如在頁面中直接插入表格,并設(shè)置居中顯示。   

?Border(邊框):在該文本框中設(shè)置表格邊框的厚度,單位默認(rèn)為像素,一般可以不考慮單位,如輸入數(shù)值10。邊框的初始化默認(rèn)值為1,如果插入過表格,該默認(rèn)值會(huì)保存最新設(shè)置。如果輸入0,表示不顯示表格邊框,同時(shí)也會(huì)自動(dòng)隱藏單元格之間的分割線,在瀏覽器中不顯示表格邊框,在編輯窗口中以虛線顯示。   

?邊框顏色:?jiǎn)螕纛伾?,可以設(shè)置邊框線的顏色,如輸入“#FF0000”,設(shè)置表格邊框?yàn)榧t色。

設(shè)置單元格屬性

設(shè)置好表格的整體屬性后,還可以根據(jù)不同的要求,設(shè)置相應(yīng)單元格的屬性。設(shè)置單元格屬性的操作步驟如下。

【操作步驟】

第1步,選中要設(shè)置屬性的單元格。例如,選中表格的第1行,并按Ctrl+F3快捷鍵,打開【屬性】面板。

提示:把光標(biāo)置于單元格內(nèi),也可以設(shè)置該單元格屬性,如圖6.17所示。這種方法比較方便快捷,也是最常用的設(shè)置單元格方法。

技巧:任選以下方法都可以在網(wǎng)頁設(shè)計(jì)中選中單元格。   

?單擊表格單元格,并拖動(dòng)鼠標(biāo)選中多個(gè)單元格。   

?按住Ctrl鍵,并單擊要選中的單元格,可以選中多個(gè)不相連的單元格。   

?單擊要選中的矩形區(qū)域的第1個(gè)單元格,按住Shift鍵,并單擊該區(qū)域的最后一個(gè)單元格,可以選中連續(xù)的多個(gè)單元格。

注意:選中的單元格必須是連續(xù)的矩形區(qū)域內(nèi),否則是不能夠被合并的。

 ?水平對(duì)齊方式:在【水平】下拉列表框中選擇單元格內(nèi)元素的水平對(duì)齊方式,包括左默認(rèn)、對(duì)齊、右對(duì)齊和居中對(duì)齊。其中“默認(rèn)”選項(xiàng)會(huì)根據(jù)瀏覽器內(nèi)部設(shè)置而定,一般默認(rèn)都為左對(duì)齊。   

?垂直對(duì)齊方式:在【垂直】下拉列表框中選擇單元格內(nèi)元素的垂直對(duì)齊方式,包括默認(rèn)、頂端、居中、底部和基線5種。這些對(duì)齊方式變化比較微妙,下面逐一進(jìn)行舉例說明。

注意:這些對(duì)齊方式最初都是根據(jù)英文字母的基本結(jié)構(gòu)來設(shè)置的,所以,參照漢字對(duì)齊方式可能就不是那么精確。   

?頂端:插入元素(文字、圖像等有形元素)頂端以單元格內(nèi)頂端為線進(jìn)行對(duì)齊。   

?底部:插入元素(文字、圖像等有形元素)底部以單元格內(nèi)底部為線進(jìn)行對(duì)齊。   

?居中:插入元素(文字、圖像等有形元素)的中線以單元格內(nèi)中線為參考線進(jìn)行對(duì)齊。   

?默認(rèn):插入元素(文字、圖像等有形元素)會(huì)根據(jù)各個(gè)瀏覽器的設(shè)置決定對(duì)齊方式,一般為居中對(duì)齊。   

?基線:插入元素(文字、圖像等有形元素)的基線以行內(nèi)最低基線為參照線進(jìn)行對(duì)齊。

?寬和高:用于設(shè)置單元格的寬度和高度,以像素為單位。   

?不換行:設(shè)置單元格中的內(nèi)容是否自動(dòng)換行。選中該復(fù)選框,則在單元格中輸入文本時(shí)不會(huì)自動(dòng)換行,而是擴(kuò)展單元格的寬度。

?標(biāo)題:可以將所選的單元格設(shè)置為標(biāo)題單元格。而單元格里的文本內(nèi)容將會(huì)居中加粗顯示。這和在【表格】對(duì)話框中設(shè)置【頁眉】選項(xiàng)效果是一致的。

?背景顏色:在【背景顏色】文本框中可以設(shè)置單元格的背景顏色。

當(dāng)前文章標(biāo)題:設(shè)置表格屬性

當(dāng)前URL:http://www.iy5y368.cn/news/wzzz/3113.html

上一篇:如何在網(wǎng)頁設(shè)計(jì)中編輯表格

下一篇:案例實(shí)戰(zhàn):應(yīng)用表格

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))