在設計檢視中設定邊界、邊框間距與尺寸

只要按兩下所選項目方形的調整大小控點 Cc295396.51e07df4-5b7e-4c9f-8607-0a17205adafd(zh-tw,Expression.10).gif,即可快速新增或移除區塊層級項目的寬度、高度 (或同時新增或移除此兩個屬性)。若要快速設定區塊層級項目任一側的邊界及邊框間距,亦只需要在 [設計] 檢視中,拖曳項目的某一邊或所選項目任一邊角延伸的線控點即可。

圖片左側的邊界

Cc295396.10ee21e8-35a2-4b04-b7ba-acd715e99faf(zh-tw,Expression.10).gif

調整大小控點會出現在所選區塊層級項目的右下邊界中間與右下角的位置。若要設定邊界,請拖曳項目的邊緣,或利用粉紅色的邊界控點;若要設定邊框間距,請按 SHIFT,然後再拖曳項目的邊緣,或利用藍色的邊框間距控點。項目邊界會出現粉紅色的網底,而要設定邊框間距的區域則會出現藍色的網底。當您拖曳時,新邊界會呈現橘色的網底,而新邊框間距則會呈現綠色的網底。

這些技巧可以應用在圖片、表格、圖層、Applet、內嵌框架及區塊層級項目,包括段落、標題  (<h1>、<h2> 等)、清單與清單項目、表單與表單元素、未定位的 DIV、位址標籤、區塊層級的引用標籤、平行線及 <center> 標籤。無論使用何種技巧,Microsoft Expression Web 皆會根據相關樣式應用程式的設定,建立內置樣式或使用類別選取器的樣式,以產生格式設定。若要修改這些設定,請參閱為產生的 CSS 設定喜好設定

控點會在您選取項目時,或選取區塊層級項目之後出現。當其出現時,請選取下列一項:該項目區塊四周的虛線框;出現在 [設計] 檢視中,該項目頂端的區塊層級索引標籤;或 [快速標籤選取器] 列中,該項目的標籤。例如,若是按一下圖片,控點會立即出現;若選取了區塊層級項目 (如段落),則須按一下段落上的 "p" 區塊層級索引標籤、按一下段落區塊四周的虛線,或在快速標籤選取器列中按一下段落的 <p> 標籤,控點才會出現。此外,若未在 [檢視] 功能表的 [視覺輔助工具] 子功能表中選取 [區塊選取],控點或區塊層級項目的邊界及邊框間距網底也不會出現。

設定區塊層級項目的邊界、邊框間距或尺寸

  1. 在 [設計] 檢視中,自網頁上選取該項目。

    線控點和大小調整控點會從項目的各個角落延伸。若未出現控點,請執行下列一或多項動作。

    • 若選取了區塊層級項目,請在 [檢視] 功能表上指向 [視覺輔助工具],然後按一下 [顯示]。在 [檢視] 功能表上,指向 [視覺輔助工具],然後按 [區塊選取]。

    • 按一下該項目區塊四周的虛線。

    • 按一下項目頂端的視覺輔助工具索引標籤。

    • 在編輯視窗頂端之快速標籤選取器列上,按一下該項目的標籤。

  2. 執行下列一或多項動作:

    • 若要設定邊界,請拖曳要設定之側邊的粉紅邊界控點或邊緣。

    • 若要設定邊框間距,請按住 SHIFT,再拖曳要設定之側邊之藍色邊框間距控點或邊緣。

    • 若只要新增或移除寬度屬性,請按兩下項目右側的調整大小控點。

    • 若只要新增或移除高度屬性,請按兩下項目底部的調整大小控點。

    • 若要新增或移除寬度及高度屬性,請按兩下項目右下角的調整大小控點。

請參閱

概念

設定框線、邊框間距和背景屬性

對齊文字

產生的階層式樣式表

視覺輔助工具

快速標籤選取器