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 教程中，您可以找到更多有关 color 和 background-color 属性的细节。

HTML 与 XHTML 之间的差异

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

语法

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