HTML教程:html水平線段
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 18:56:46 作者:佚名
我要評論

這個(gè)標(biāo)簽可以在屏幕上顯示一條水平線,用以分割頁面中的不同部分。
<HR>有三個(gè)屬性:
size 水平線的寬度
width 水平線的長,用占屏幕寬度的百分比或象素值來表示
align 水平線的對齊方式,有LEFT RIGHT CENTER三種
noshade 線段無陰
這個(gè)標(biāo)簽可以在屏幕上顯示一條水平線,用以分割頁面中的不同部分。
<HR>有三個(gè)屬性:
size 水平線的寬度
width 水平線的長,用占屏幕寬度的百分比或象素值來表示
align 水平線的對齊方式,有LEFT RIGHT CENTER三種
noshade 線段無陰影屬性,為實(shí)心線段
我們可以用幾個(gè)例子來說明這線段的用法:
線段粗細(xì)的設(shè)定
<HTML>
<HEAD>
<TITLE>線段粗細(xì)的設(shè)定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段,無size設(shè)定,取內(nèi)定值SIZE=1來顯示<BR>
<HR />
<P>這是第二條線段,SIZE=5<BR>
<HR SIZE=5>
<P>這是第三條線段,SIZE=10<BR>
<HR SIZE=10>
</BODY>
</HTML>
線段長度的設(shè)定
<HTML>
<HEAD>
<TITLE>線段長度的設(shè)定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段,無WIDTH設(shè)定,取WIDTH內(nèi)定值100%來顯示<BR>
<HR SIZE=3>
<P>這是第二條線段,WIDTH=50(點(diǎn)數(shù)方式)<BR>
<HR WIDTH=50 SIZE=5>
<P>這是第三條線段,WIDTH=50%(百分比方式)<BR>
<HR WIDTH=50% SIZE=7>
</BODY>
</HTML>
線段排列的設(shè)定
<HTML>
<HEAD>
<TITLE>線段排列的設(shè)定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段,無ALIGN設(shè)定,(取內(nèi)定值CENTER顯示)<BR>
<HR WIDTH=50% SIZE=5>
<P>這是第二條線段,向左對齊BR>
<HR WIDTH=60% SIZE=7 ALIGN=LEFT>
<P>這是第三條線段,向右對齊<BR>
<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
</BODY>
</HTML>
無陰影的設(shè)定
<HTML>
<HEAD>
<TITLE>無陰影的設(shè)定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段,無NOSHADE設(shè)定,取內(nèi)定值陰影效果來顯示<BR>
<HR WIDTH=80% SIZE=5>
<P>這是第二條線段,有NOSHADE設(shè)定<BR>
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>
</HTML>
最后一個(gè)水平線:
相關(guān)文章
- 沒到阿里之前,有一同學(xué)告訴我,很多人不是死在技術(shù)手上,而是死在HR手。2011-04-26
- [html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <2009-06-02
- 關(guān)于hr標(biāo)簽的一些樣式項(xiàng)目需要,研究了一些hr的樣式,以下代碼分別定義了幾種漂亮的HR樣式及顏色,供你參考,如果喜歡,直接拷貝代碼就用吧,感興趣的你可不要錯(cuò)過了哈2013-04-02