水平線去掉陰影noshade、水平線顏色color
水平線去掉陰影noshade
noshade屬性用于定義瀏覽器是否顯示水平線的陰影。
語法：
<hr noshade>
說明：noshade是布爾值的屬性，它沒有屬性值，如果在<hr>元素中寫上了這個屬性，則瀏覽器不會顯示立體形狀的水平線，反之則無需設置該屬性，瀏覽器默認顯示一條立體形狀帶有陰影的水平線。
舉例：
本例進行對有陰影水平線和無陰影水平線的對比。
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>水平線無陰影</title>
</head>
<body>
<p align="center">無月的中秋</p>
<hr width="700" size="3" noshade>
<p>據(jù)說每年八月十五的時候，夜空中的月亮是一年中最大，最圓，最亮，最美的月亮，這就是中秋節(jié)的來歷，這就是月餅的來歷，大家都會在這一天，合家團圓，吃著月餅，然后在空曠的夜空下賞月。漸漸的，也許人們會淡忘頭頂?shù)脑铝粒挥浀眠@一天是個合家團聚的節(jié)日，記得這一天有月餅吃，偶爾抽空抬了下頭，稍稍感慨：今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売桑钡桨l(fā)現(xiàn)今天看不到它
</p><hr width="700" size="3">
</body>
</html>
在代碼中加粗部分的標記為設置無陰影的水平線，在瀏覽器中預覽，可以看到水平線沒有陰影的效果，如圖所示。
水平線顏色color
在網頁創(chuàng)作時，文字顏色是多姿多彩的，而水平線的顏色也是多姿多彩的。設置不同顏色的水平線可以為網頁增色不少。語法：<hr color="顏色">說明：顏色代碼是十六進制的數(shù)值。
舉例：
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>水平線顏色</title>
</head>
<body>
<p align="center">無月的中秋</p>
<hr width="700" size="2" color="#CC6600">
<p>據(jù)說每年八月十五的時候，夜空中的月亮是一年中最大，最圓，最亮，最美的月亮，這就是中秋節(jié)的來歷，這就是月餅的來歷，大家都會在這一天，合家團圓，吃著月餅，然后在空曠的夜空下賞月。漸漸的，也許人們會淡忘頭頂?shù)脑铝?，只記得這一天是個合家團聚的節(jié)日，記得這一天有月餅吃，偶爾抽空抬了下頭，稍稍感慨：今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売桑钡桨l(fā)現(xiàn)今天看不到它</p>
</body>
</html>
在代碼中加粗部分的標記為設置水平線的顏色，在瀏覽器中預覽，可以看到水平線的顏色效果。
在實際網頁應用中，水平線常用來分割不同的內容。