1 / 10

3.2.1 插入水平線

3.2.1 插入水平線. 請繼續在 <about.htm> 檔案內插入一條水平線,作為區隔之用。. 3.2.2 修改水平線屬性. 透過 屬性 面板可以設定水平線的寬度、高度與對齊效果。. 請選取編輯區中要設定的水平線,於 屬性 面板輸入 高:「 1 」。. 在水平線 屬性 面板可以設定水平線的寬度與高度。寬度的計算單位有兩種,一種是 % 百分比 ,也就是水平線占整個頁面的百分比;另一種是 像素 。而高度的計算單位只有一種,那就是 像素 。 可以規定水平線對齊的方式為 靠左對齊 、 置中對齊 、 靠右對齊 三種效果。

taariq
Download Presentation

3.2.1 插入水平線

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 3.2.1 插入水平線 • 請繼續在 <about.htm> 檔案內插入一條水平線,作為區隔之用。

  2. 3.2.2 修改水平線屬性 • 透過 屬性 面板可以設定水平線的寬度、高度與對齊效果。 請選取編輯區中要設定的水平線,於 屬性 面板輸入 高:「1」。

  3. 在水平線 屬性 面板可以設定水平線的寬度與高度。寬度的計算單位有兩種,一種是%百分比,也就是水平線占整個頁面的百分比;另一種是 像素。而高度的計算單位只有一種,那就是 像素。 • 可以規定水平線對齊的方式為 靠左對齊、置中對齊、靠右對齊 三種效果。 • 在水平線 屬性 面板右下角的 立體效果 選項,如果取消核選會讓水平線除去立體效果。

  4. 水平線設定高度與對齊後的各種效果。

  5. 3.3 網頁影像的使用 • 如果網頁中滿是密密麻麻的文字,無論有多精彩的內容也會令人望之卻步!所以影像的加註在網頁設計中佔了相當地位,沒有影像來相輔,網站就算不上完美。

  6. 3.3.1 插入影像與設定提示文字 • 請依照下述步驟進行影像的插入。

  7. 3.3.2 設定影像的對齊位置 • 插入影像後,請將影像設定靠右對齊,請依如下進行操作:

  8. 3.3.3 設定文字與影像的間距 • 當設定影像靠右對齊後,會發現文字和影像排列位置全部都擠在一起,已經影響到網頁整體瀏覽的視覺效果,影像與文字不能整齊的排列。 1. 首先設定水平線和影像的間距。

More Related