如何动态更改水平线的颜色?

时间:2011-01-07 09:17:40

标签: asp.net html

在asp.net中如何动态更改水平线的颜色?

如果exa行以蓝色开始,每当丰富到行尾时颜色将变为白色。

3 个答案:

答案 0 :(得分:1)

您的问题不是100%明确,但我想您正在谈论<HR />代码

你需要它有runat =“server”和这样的ID

<hr runat="server" id="testHR" style="border-color: #FF00FF" />

从后面的代码中,您可以使用

更改颜色
testHR.Style["border-color"] = "#FFFFFF";

答案 1 :(得分:0)

我不确定你问的是什么,你的问题看起来很模糊......但是,今天我觉得这是一个挑战,所以这里是我认为你问的答案。

我假设你已经有了某种循环,你在每个部分<hr />之间输出一些水平规则的内容。我还假设在输出最后一个部分之后,你要么想要一条不同的彩色线,要么就是没有线。

有几种简单的方法可以做到这一点。

为了没有任何行,你可以简单地确保你在循环中有一些计数器,并根据所有项目的数量测试计数。

if(currentCount < myLoopyObject.Count())
{
 // Output my line here;
}

如果您只是希望重新设置最后一行的样式,那么将一个类附加到最后一行<hr />将使您可以直接从CSS中设置样式。

if(currentCount == myLoopyObject.Count())
{
 // Output my final line here with class name e.g. <hr class="finalLine" />
}

但是,如果您的问题是关于使用渐变色设置线条,从一端的蓝色到另一端的白色,最简单的方法是使用图像。

让我们再假设您正在使用<hr />

hr{
  background: url(images/lineGradient.png) 0 0 no-repeat;
  height:3px;
}

我希望其中一些能回答你的问题。就像我说的那样,今天我要迎接挑战,但是我不是夏洛克·福尔摩斯,而且我的演绎力可能不像我想的那么好。

答案 2 :(得分:0)

您可以尝试使用以下代码进行渐变着色。

HR style =“filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr ='#C0CFE2',startColorstr ='#FFFFFF',gradientType ='0');”

我从下面的链接中取了这个样本

http://www.web-source.net/html_background_gradient.htm