共用方式為

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

  • 發行項

您可以使用 [框線及網底] 對話方塊，在特定網頁或所有網頁的項目中新增框線、背景色彩與影像，以及要空出的邊框間距。此外也可在 [設計] 檢視中設定邊框間距。如需詳細資訊，請參閱在設計檢視中設定邊界、邊框間距與尺寸。

若是使用 [框線及網底] 對話方塊新增框線，可以自訂框線的樣式、寬度及色彩。若要快速新增預設寬度及邊框間距為 1 像素的黑色實線框線，請使用 [一般] 工具列上的 [外框線] 按鈕 Cc295325.0d85edc4-b0d3-45b0-a38d-c4cac647c557(zh-tw,Expression.40).png

(預設設定)。此按鈕的工具提示名稱及外觀亦會隨之改變，以反映目前的選取範圍。

無論使用何種方法，Microsoft Expression Web 皆會根據相關的樣式應用程式設定，建立內嵌樣式或是採用類別選取器的樣式 (預設值)，進而產生格式設定。若要修改這些設定，請參閱為產生的 CSS 設定喜好設定。

套用預設框線

  1. 在網頁的 [設計] 檢視或 [程式碼] 檢視中，選取要套用框線的項目。

  2. 在 [一般] 工具列上，按一下 [外框線] Cc295325.0d85edc4-b0d3-45b0-a38d-c4cac647c557(zh-tw,Expression.40).png，或按一下按鈕旁的箭號，然後選取框線樣式。

設定項目的框線、邊框間距與背景

  1. 在網頁的 [設計] 檢視或 [程式碼] 檢視中，選取要設定格式的項目。

    tip note秘訣：

    若要在整個網頁上新增框線，請在 [程式碼] 檢視中，選取 <body> 標籤。

  2. 在 [格式] 功能表中，按一下 [框線及網底]。

  3. 在 [框線及網底] 對話方塊的 [框線] 索引標籤上，執行下列任一項動作：

    • 若要設定框線的格式，請設定 [設定]、[樣式]、[色彩] 及 [寬度] 區段下的選項。

    • 若只要在項目的某幾側增加框線，則在 [預覽] 下選擇時，只要選取代表需要框線之各側的按鈕。

    • 若要設定框線與項目的間距，或框線與項目內容的間距量，請在 [邊框間距] 下的 [左]、[右]、[上] 及 [下] 方塊中設定值。

      tip note秘訣：

      即使未設定框線，[邊框間距] 屬性亦可增加間距。

    • 若要設定項目網底的格式，請設定 [網底] 索引標籤之 [填滿] 下的選項。

    • 若要在項目中新增背景圖片，請在 [網底] 索引標籤之 [圖樣] 下的 [背景圖片] 方塊中，設定圖片的 URL，然後選擇是否要設定其他選項，以控制背景圖片的位置與行為。

另請參閱

工作

在設計檢視中設定邊界、邊框間距與尺寸
為產生的 CSS 設定喜好設定

概念

使用產生的階層式樣式表
階層式樣式表參照