水平線去掉陰影noshade、水平線顏色color

  • 2020-12-04 13:16:22
  • 閱讀次數:
  • 作者:盈嵐科技小編
  • 來源:http://americanwasteexpansions.com

水平線去掉陰影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>據說每年八月十五的時候,夜空中的月亮是一年中最大,最圓,最亮,最美的月亮,這就是中秋節(jié)的來歷,這就是月餅的來歷,大家都會在這一天,合家團圓,吃著月餅,然后在空曠的夜空下賞月。漸漸的,也許人們會淡忘頭頂的月亮,只記得這一天是個合家團聚的節(jié)日,記得這一天有月餅吃,偶爾抽空抬了下頭,稍稍感慨:今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売?,直到發(fā)現今天看不到它

</p><hr width="700" size="3">

</body>

</html>

在代碼中加粗部分的標記為設置無陰影的水平線,在瀏覽器中預覽,可以看到水平線沒有陰影的效果,如圖所示。

0b59bdf89e727e41f12dccba60c6b434 (1).jpg

水平線顏色color

在網頁創(chuàng)作時,文字顏色是多姿多彩的,而水平線的顏色也是多姿多彩的。設置不同顏色的水平線可以為網頁增色不少。語法:<hr color="顏色">說明:顏色代碼是十六進制的數值。

舉例:

<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>據說每年八月十五的時候,夜空中的月亮是一年中最大,最圓,最亮,最美的月亮,這就是中秋節(jié)的來歷,這就是月餅的來歷,大家都會在這一天,合家團圓,吃著月餅,然后在空曠的夜空下賞月。漸漸的,也許人們會淡忘頭頂的月亮,只記得這一天是個合家團聚的節(jié)日,記得這一天有月餅吃,偶爾抽空抬了下頭,稍稍感慨:今天月亮還真是亮。我?guī)缀跻嗽铝敛攀且磺械木売?,直到發(fā)現今天看不到它</p>

</body>

</html>

在代碼中加粗部分的標記為設置水平線的顏色,在瀏覽器中預覽,可以看到水平線的顏色效果。

在實際網頁應用中,水平線常用來分割不同的內容。



當前文章標題:水平線去掉陰影noshade、水平線顏色color

當前URL:http://americanwasteexpansions.com/news/wzzz/3313.html

上一篇:水平線高度size、水平線去掉陰影noshade

下一篇:水平線排列align

網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)