HTML <hr> noshade 属性

HTML hr 标签参考手册 HTML <hr> 标签

有阴影效果的水平线(这是默认的):

<p>没有阴影效果的水平线:</p>
<hr noshade>

尝试一下 »


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 noshade 属性。


定义和用法

HTML5 不支持 <hr> noshade 属性。请使用 CSS 代替。

在 HTML 4.01 中,<hr> 的 noshade 属性 已废弃

noshade 属性是一个布尔属性。

noshade 属性规定水平线的颜色呈现为纯色,而不是有阴影的颜色。


兼容性注释

在 HTML 4.01 中,<hr> 的 noshade 属性已废弃。请使用 CSS 代替。

CSS 语法(Internet Explorer):<hr style="height:2px;color:gray">

CSS 语法(Firefox、Opera、Chrome 和 Safari):<hr style="height:2px;border-width:0;background-color:gray">

CSS 语法(跨浏览器):<hr style="height:2px;border-width:0;color:gray;background-color:gray">

CSS - 实例:没有阴影效果的 <hr>

<!DOCTYPE html>
<html>
<body>

  <p>With HTML:</p>
  <hr noshade="noshade">

  <p>With CSS:</p>
  <hr style="height:2px;border-width:0;color:gray;background-color:gray">

</body>
</html>

尝试一下 »

在我们的 CSS 教程中,您可以找到更多有关 colorbackground-color 属性的细节。


HTML 与 XHTML 之间的差异

在 XHTML 中,禁止属性最小化,noshade 属性必须定义为 <hr noshade="noshade" />。


语法

<hr noshade>

HTML hr 标签参考手册 HTML <hr> 标签