萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 多媒體工具

FrontPage 2000 輕鬆製作 CSS 樣式表:三種引入方式與實戰美化搜尋框

三種引入 CSS 的方式

  1. 外部樣式表:「檔案」→「新增」→「網頁」→「樣式表」,可參考內建範本或自建。多頁共用、利於維護主題一致。
  2. 內嵌樣式表:直接在 HTML 模式 <head> 間貼上 CSS 代碼,屬單頁專用。
  3. 內含樣式:選取文字→右鍵「網頁屬性」→「樣式」,即時可視化設定該元素樣式,最直觀。

實戰:美化搜尋框(內含樣式示範)

  1. 選取輸入框→右鍵「表單欄位屬性」→「樣式」→「格式」→「邊框」:選「自訂」→實線、寬度 1px、四邊套用,與外層表格統一。
  2. 選取搜尋按鈕→右鍵「超連結屬性」→「樣式」→「瀏覽」插入自製搜尋圖片。
  3. 選取「搜尋說明」文字→右鍵「超連結屬性」→「背景」→勾選「啟用超連結翻轉效果」→「翻轉樣式」:字體 12pt(原 9pt),滑鼠移入字體放大,並可設顏色等效果。

結語

FP2000 將 CSS 可視化,不懂代碼也能輕鬆掌握選擇器、偽類、邊框、翻轉效果,比 Dreamweaver 更親民。

copyright © 萬盛學電腦網 all rights reserved