2013-01-15

[HTML教學]-水平線(分隔線)<hr>語法

若需要在網站中加入一條水平線(分隔線)最快速的方式就是使用<HR>指令。而其中包含可以設定水平線寬度、水平線長度、水平線顏色及置左、置右、置中等設定,以下幾個簡單範例介紹。


相關參數:

size:水平線寬度
color:水平線顏色
width:水平線長度
align:水平線對齊方向


範例一(基礎水平線)


<HR>




範例二(加入水平線寬度設定)


<HR size="10"




範例三(加入顏色)


<HR color="#00FF00" size="10" >




範例四(加入水平線長度)

<HR color="#00FF00" size="10" width="50%">


其中在width中可以輸入百分比或是數字。

例如:width="90%"或width="150px"。





範例五(水平線置左)

<HR color="#00FF00" size="10" width="50%"  align="left">



align函數說明:

align="left"(置左)
align="right"(置右)
align="center"(置中)
Related Posts Plugin for WordPress, Blogger...
无觅相关文章插件,快速提升流量
友荐云推荐




1 則留言:

  1. 你好!!BLOGSPOT 新用户剛遷自YB,想請教何以在BS貼上源自 Photobusket 的分隔線,在 google chorme 會出現邊框呢?請賜教!!Thx!

    http://blog.yahoo.com/ji-123/articles/page/1

    回覆刪除