Question

我无法使用标签“hr”的样式颜色。有人可以帮我看看我在jsp页面上使用html显示彩色线条吗？

Answer 1

<hr>不使用颜色，它使用border-color

Answer 2

您可以应用border-color而不是color

<style>
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
border-color:red;
} 
</style>

Answer 3

<hr style="height:1px;border-top:1px solid #f00" />

应该这样做。

Answer 4

＆＃13;

hr:first-child{color:red;}
hr:nth-child(2){color:yellow;}
hr:last-of-type{color:blue;}

＆＃13;

<hr><hr><hr>

＆＃13;

Answer 5

<HR COLOR="green" WIDTH="60%">根据我自己的测试和htmlgoodies

在IE，Firefox和Chrome中运行

如果您想使用CSS添加颜色，请使用border-color，因为可以显示here

如果你想要一个优于另一个的好论据，请阅读similar stackoverflow question。

Answer 6

<hr size="20" color="blue">

Answer 7

<hr color="yellow"  width="100%" >

Answer 8

hr {display: block; height:1px; float:left; border-bottom:1px solid #444444; }

在你的css中使用它。

如何在html中显示彩色线条？

8 个答案: