㊣傲楓曰:利用水平線可以將不同的單元分開。

加入水平線

 水平線也是一個相當好用的網頁元件,利用它可以讓你的版面更容
 易閱讀。

<hr>
 利用這個標籤就可以做出基本的水平線,它並沒有相對應的配對標
 籤。

 效果呈現
    


水平線樣式
  
 我們也可以利用一些屬性來控制水平線的外型。

size
 用來控制水平線的厚度,數字越大水平線越厚。

 ex.<hr size="8">

width  用來控制水平線的寬度,可使用兩種寫法。  相對寫法(百分比):width=80% 就表示寬度佔80%。  絕對寫法(像素):width=100px 就表示寬度為100像素。  ex.<hr width="80%">
 ex.<hr width="100px">
noshade  加入這個屬性,可以讓水平線變成實心的。  ex.<hr size="8"> 一般加厚過的水平線
 ex.<hr size="8" noshade> 加厚的實心水平線


對齊方式

align
 這個屬性可以指定水平線的對齊方式,可以填入left(靠左)、
 center(置中)、right(靠右)。

 ex.<hr width="100px" align="left">

 當然,我們還是可以利用<center>來將水平線置中。  ex.<center><hr width="100px"></center>



彩色的水平線

color
 利用這個屬性可以指定水平線的顏色,但是只有用IE瀏覽器才能看
 出此效果,Netscape並不支援。

 ex.<hr color="#ff0000">



回上一章 連結應用      到下一章 繪製表格