三種引入 CSS 的方式
- 外部樣式表:「檔案」→「新增」→「網頁」→「樣式表」,可參考內建範本或自建。多頁共用、利於維護主題一致。
- 內嵌樣式表:直接在 HTML 模式
<head> 間貼上 CSS 代碼,屬單頁專用。
- 內含樣式:選取文字→右鍵「網頁屬性」→「樣式」,即時可視化設定該元素樣式,最直觀。
實戰:美化搜尋框(內含樣式示範)
- 選取輸入框→右鍵「表單欄位屬性」→「樣式」→「格式」→「邊框」:選「自訂」→實線、寬度 1px、四邊套用,與外層表格統一。

- 選取搜尋按鈕→右鍵「超連結屬性」→「樣式」→「瀏覽」插入自製搜尋圖片。
- 選取「搜尋說明」文字→右鍵「超連結屬性」→「背景」→勾選「啟用超連結翻轉效果」→「翻轉樣式」:字體 12pt(原 9pt),滑鼠移入字體放大,並可設顏色等效果。
結語
FP2000 將 CSS 可視化,不懂代碼也能輕鬆掌握選擇器、偽類、邊框、翻轉效果,比 Dreamweaver 更親民。