Как изменить цвет горизонтальной линии динамически?

Question

В asp.net как динамически менять цвет горизонтальной линии?

Для того, чтобы линия exa начиналась с синего цвета, всякий раз, когда добрался до конца линии, цвет будет белым.

Answer 1

Я не уверен, что вы спрашиваете, и ваш вопрос кажется довольно расплывчатым ... однако сегодня я чувствую себя как вызов, поэтому вот ответ на то, о чем я думаю, вы спрашиваете.

Я предполагаю, что у вас есть какой-то цикл, в котором вы выводите некоторый контент с горизонтальным правилом между каждой секцией <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" /> 
} 

Если же ваш вопрос о стилизации линии с цветом градиента, от синего на одном конце до белого на другом конце, ваш easest маршрута достигнуть этого является использование изображения.

Давайте еще раз предположим, что вы используете <hr />:

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

Я надеюсь, что некоторые это отвечает на ваш вопрос. Как я уже сказал, сегодня я нахожусь на вызов, но я не Шерлок Холмс, и моя сила дедукции может быть не такой тонкой, как хотелось бы.

Answer 2

Ваш вопрос не 100% ясно, но я предполагаю, что вы говорите о <HR /> теге

Вам это нужно иметь RUNAT = «сервер» и идентификатор, как этот

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

Из кода позади вас может изменить цвет с помощью

testHR.Style["border-color"] = "#FFFFFF"; 

Answer 3

Вы можете использовать нижеприведенный код для подачи градиентной расцветки.

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

Я взял этот пример из ниже ссылке

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