變更超連結的外觀
您可以在階層式樣式表 (CSS) 中定義樣式，以控制各種超連結屬性的外觀，包括色彩、字型大小和字型系列。此外，您也可以將屬性指定到不同的超連結狀態，例如瀏覽過的超連結或者用指標動態顯示的超連結。
超連結狀態
超連結 (a:link) |
尚未選取的超連結 |
使用中的超連結 (a:active) |
目前選取的超連結 |
瀏覽過的超連結 (a:visited) |
已瀏覽過的超連結 |
動態顯示的超連結 (a:hover) |
指標在其上的超連結 |
若要變更一或多個網頁中的超連結外觀，可以在每個網頁的內部 CSS 中，或在外部 CSS 中 (必須附加到每個網頁) 定義超連結樣式。若要多個網頁使用相同的超連結樣式，最佳方式是在外部 CSS 中定義樣式，然後再將該外部 CSS 附加到網頁，而非在每個網頁的內部 CSS 中定義樣式。
若只想要定義單一網頁中的超連結色彩，可以使用 [新樣式] 對話方塊或 [網頁屬性] 對話方塊。這兩個方法都會使用 CSS，但 [新樣式] 對話方塊可讓您在外部 CSS 中定義樣式，然後再附加到多個網頁；而 [網頁屬性] 對話方塊則只能讓您在內部 CSS 中定義樣式。若要使用 [新樣式] 對話方塊，請參閱「變更超連結的外觀」程序；若要使用 [網頁屬性] 對話方塊，請參閱「僅變更單一網頁中的超連結色彩」程序。
.gif "秘訣") 秘訣： |
|---|
若要變更網頁中單一超連結的外觀，請選取該超連結，然後建立內置樣式以定義想要的屬性。請參閱建立樣式。 |
變更超連結的外觀
若要變更超連結樣式的位置，執行下列其中一項動作。
若要將超連結樣式新增到網頁內部的 CSS (僅套用到該網頁中的超連結)，請在 [設計] 檢視或 [程式碼] 檢視中開啟網頁。
若要將樣式新增到外部 CSS (可附加到一或多個網頁)，請開啟 .css 檔案或建立新的 .css 檔案。如需詳細資訊，請參閱建立階層式樣式表。
在 [套用樣式] 工作窗格中，按一下 [新樣式]。
在 [新樣式] 對話方塊的 [選取器] 方塊中，選取下列其中一項：
使用此項
執行此作業
a
設定超連結的預設外觀。
a: active
設定按一下後的超連結外觀。
a: hover
設定指標滑過超連結時的超連結外觀。
a: link
設定尚未按一下的超連結外觀。
a: visited
設定已按一下的超連結外觀。
在 [類別] 方塊中，設定下列任一項目的屬性：
使用此項
執行此作業
字型
設定字型屬性，包括大小、粗細、裝飾及色彩。
區塊
設定行高、文字對齊方式、文字縮排及文字間距。
背景
設定背景色彩及背景影像屬性。
框線
設定框線及其屬性。
方塊
設定方塊及區塊層級元素的邊框間距及邊界屬性。
位置
設定方塊及區塊層級元素的尺寸及位置。
版面配置
設定方塊及區塊層級元素的可見度、浮動及文繞圖行為、剪輯及其他版面配置屬性。
按一下 [確定]。
.gif "注意事項")
注意事項：若超連結樣式位於外部 CSS 中，則必須將 .css 檔案附加到要使用該樣式的網頁。請參閱附加或卸離外部階層式樣式表。
僅變更單一網頁中的超連結色彩
在 [設計] 檢視或 [程式碼] 檢視中開啟網頁。
在 [檔案] 功能表中，按一下 [屬性]。
按一下 [網頁屬性] 對話方塊中的 [設定格式] 索引標籤。
在 [超連結]、[瀏覽過的超連結]、[使用中的超連結]，以及 [動態顯示的超連結] 方塊的 [色彩] 下，選擇要使用的色彩。
按一下 [確定]。
變更特定字元的超連結色彩
在 [設計] 檢視或 [程式碼] 檢視中開啟網頁。
選取要修改的超連結字元。
在 [一般] 工具列中，按一下 [字型色彩] 按鈕
.gif "Cc294936.7d82a39a-24b2-44b2-9c48-b4b40a414535(zh-tw,Expression.10).gif")
上的箭號，然後選取色彩。