<output id="jbxdv"></output>

      1. 設置表格屬性

        • 2019-10-21 10:40:28
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        在Dreamweaver設計網頁時設置表格的屬性,可以通過【屬性】面板完成。設置表格屬性的具體操作步驟如下。

        【操作步驟】

        第1步,啟動Dreamweaver,新建HTML文檔,保存為test.html。

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

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

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

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

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

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

        ?寬:網頁設計時在該文本框中設置表格的寬度,以像素或百分比作為單位,如輸入“600”,然后在后面的列表框中選擇單位。如果要設置百分比時,要在后面的下拉菜單中選擇百分比符號“%”選項。也可以直接在第1個文本框中輸入數值和百分比符號,系統會自動把第2個列表框設置為%,但對于以像素為單位時,就不能在第1個文本框中同時輸入。   

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

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

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

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

        ?邊框顏色:單擊顏色框,可以設置邊框線的顏色,如輸入“#FF0000”,設置表格邊框為紅色。

        設置單元格屬性

        設置好表格的整體屬性后,還可以根據不同的要求,設置相應單元格的屬性。設置單元格屬性的操作步驟如下。

        【操作步驟】

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

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

        技巧:任選以下方法都可以在網頁設計中選中單元格。   

        ?單擊表格單元格,并拖動鼠標選中多個單元格。   

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

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

        注意:選中的單元格必須是連續的矩形區域內,否則是不能夠被合并的。

         ?水平對齊方式:在【水平】下拉列表框中選擇單元格內元素的水平對齊方式,包括左默認、對齊、右對齊和居中對齊。其中“默認”選項會根據瀏覽器內部設置而定,一般默認都為左對齊。   

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

        注意:這些對齊方式最初都是根據英文字母的基本結構來設置的,所以,參照漢字對齊方式可能就不是那么精確。   

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

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

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

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

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

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

        ?不換行:設置單元格中的內容是否自動換行。選中該復選框,則在單元格中輸入文本時不會自動換行,而是擴展單元格的寬度。

        ?標題:可以將所選的單元格設置為標題單元格。而單元格里的文本內容將會居中加粗顯示。這和在【表格】對話框中設置【頁眉】選項效果是一致的。

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

        當前文章標題:設置表格屬性

        當前URL:http://www.freenetsites.com/news/wzzz/3113.html

        上一篇:如何在網頁設計中編輯表格

        下一篇:案例實戰:應用表格

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>