수평선의 색상을 동적으로 변경하는 방법은 무엇입니까?

Question

asp.net에서 수평선의 색상을 동적으로 변경하는 방법은 무엇입니까?

exa 라인의 경우 라인 끝까지 파란색이 표시 될 때마다 색상이 흰색이됩니다.

Answer 1

나는 당신이 묻고있는 것이 확실하지 않고 질문이 다소 모호해 보인다. 그러나 오늘 나는 도전하고 싶다. 그래서 내가 생각하는 바에 대한 답이 여기에있다.

각 섹션간에 가로 규칙으로 콘텐츠를 출력하는 곳에서 어떤 종류의 루프가 있다고 가정합니다. <hr />. 또한 마지막 섹션을 출력 한 후에 다른 색상의 라인을 원하거나 atall이없는 라인을 원한다고 가정합니다.

이렇게 할 수있는 몇 가지 쉬운 방법이 있습니다.

atall을 사용하지 않으려면 루프 내에 카운터가 있는지 확인하고 카운트 수를 모든 항목 수와 비교하여 테스트하면됩니다.

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" /> 
} 

그러나 귀하의 질문에 다른 쪽 끝에서 흰색 한 끝에 파란색에서 그라데이션 색상으로 선을 스타일링에 대한 경우

이를 acheive 당신의 easest 경로는 이미지를 사용하는 것입니다.

하자 한 번 더 당신이 <hr />를 사용하는 가정

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

나는이 중 일부는 질문에 대한 답변이 되었기를 바랍니다. 제가 말씀 드렸듯이, 저는 오늘 도전에 부딪 혔지만, 저는 Sherlock Holmes가 아니며 공제의 힘은 생각만큼 좋지 않을 수 있습니다.

Answer 2

당신이 RUNAT = "서버"와 뒤에 코드에서이

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

같은 ID가 필요 귀하의 질문은 100 % 명확하지 않습니다하지만 난 당신이 <HR /> 태그

에 대해 얘기하는 것 같아요

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

Answer 3

아래의 코드를 사용하여 그라디언트 색상을 지정할 수 있습니다.

HR 스타일 = "필터 : progid : DXImageTransform.Microsoft.Gradient (endColorstr = '# C0CFE2', startColorstr = '# FFFFFF', gradientType = '0');"

나는 링크

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