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

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

若是使用 [框線及網底] 對話方塊新增框線,可以自訂框線的樣式、寬度及色彩。若要快速新增預設寬度及邊框間距為 1 像素的黑色實線框線,請使用 [一般] 工具列上的 [外框線] 按鈕 Cc295325.f30758bd-2d63-41ba-804c-12c47b3487e3(zh-tw,Expression.10).bmp (預設設定)。此按鈕的工具提示名稱及外觀亦會隨之改變,以反映目前的選取範圍。

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

套用預設框線

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

  2. 在 [一般] 工具列上,按一下 [外框線] 按鈕 Cc295325.f30758bd-2d63-41ba-804c-12c47b3487e3(zh-tw,Expression.10).bmp,或按一下按鈕旁的箭號,然後選取框線樣式。

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

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

    Cc295325.alert_tip(zh-tw,Expression.10).gif秘訣:

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

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

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

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

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

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

      Cc295325.alert_tip(zh-tw,Expression.10).gif秘訣:

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

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

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

請參閱

概念

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

產生的階層式樣式表

為產生的 CSS 設定喜好設定