Get me outta here!

網頁教學:加入水平線(分隔線)

在網頁中加入水平線,可以讓瀏覽者更容易區分網頁之內容,也可以讓網頁有更多的變化。

一、加入水平線:使用<hr>標記

標記的作用係加網頁內容中加入水平線,其輸入之語法如下所示:

<hr aling=〝right〞 size=〝1〞 width=〝80%〞 color=〝#0000FF〞 noshade>
【小提示:各種標記之屬性係直接輸在起始標記中,其輸入之語法為『屬性名稱=〝設定值〞』,不同的屬性以空格隔開。】

二、<hr>標記之屬性介紹

屬性名稱

設定值

說明

align

right
left
center

1.線條放置之位置。
2.預設值=center。

size

像素值

1.設定線條的粗細(厚度)。
2.預設值=2。

color

顏色名稱
HEX碼

設定線條顏色。

width

像素值
百分比值

1.設定線條長度。
2.預設值=100%

noshade

1.設定水平線條為平面顯示。
2.預設值:立體並有陰影。