前言：FP2000 的 CSS 能力被低估

Dreamweaver 雖強，但 CSS 設定過於專業、英文介面嚇退許多使用者。其實 FrontPage 2000 早已內建直覺的 CSS 視覺化工具，且提供三種引入方式，堪稱「傻瓜級」樣式表編輯器。

一、三種加入 CSS 的方式

1. 外部樣式表連結：「檔案」→「新增」→「網頁」→ 選「樣式表」→ 選內建範本或空白樣式表 → 存為 .css → 各頁面「格式」→「樣式表連結」掛載。優點：多頁共用、維護集中。
2. 內嵌樣式表（頁面級）：將寫好的 CSS 代碼複製，切換頁面「HTML」檢視，貼在 <head> 之間。或直接在「格式」→「樣式」對話框視覺化建立，FP 自動寫入 <style> 區塊。
3. 內含樣式（元素級）：編輯頁面時，選取文字/元素 → 右鍵「網頁屬性」→「樣式」→「格式」視覺化設定，FP 直接寫入元素 style 屬性，所見即所得。

二、實戰：內含樣式美化搜尋框

1. 開啟頁面 → 選取最長的輸入框 → 右鍵「表單欄位屬性」→「樣式」→「格式」→「邊框」。
2. 「設定」選「自訂」→「樣式」選「實線」→ 點四邊按鈕套用邊框 → 寬度設「1」→ 確定，與外層表格邊框統一。

3. 選取搜尋按鈕 → 右鍵「超連結屬性」→「樣式」→「瀏覽」插入預製搜尋圖示。
4. 選取「搜尋說明」四字 → 右鍵「超連結屬性」→「背景」分頁 → 勾選「啟用超連結翻轉效果」→「翻轉樣式」：設定滑鼠移上時字體放大為 12pt、變色等效果。

三、成果與心得

透過內含樣式，零手寫代碼完成：輸入框邊框統一、按鈕圖示化、連結懸停放大變色。FrontPage 2000 的視覺化 CSS 工具，讓不懂 CSS 語法的使用者也能輕鬆實現專業級樣式控制。

總結

• 跨頁共用 → 外部 .css
• 單頁獨有樣式 → 內嵌 <style>
• 單一元素微調 → 內含 style 屬性

三種方式任意組合，FrontPage 2000 完全勝任 CSS 排版需求。