한 시간 요소점 색상 변경

I want to 변경하십시오 내 'hr' 색상에는 사용하여 태그를 CSS. # 39, ve, t # 39 한 코드 I& 아래 doesn& 작동합니까 것으로 보인다.

hr {
    color: #123455;
}
Uwe Keim
편집된 질문28일 12월 2018 в 1:22
프로그래밍
html css
17일 6월 2011 в 6:15
19 파운드
질문에 대한 의견 (6)
해결책

대신 '컬러', '생각한다' 테두리 색 콩지름에 경우 변경하십시오 제작한 의도는 ',' 태그이고, hr&gt &lt 선 색.

그러나 그동안 abc. 의견이 있는 경우 네 대사, 테두리 계속 크기를 변경할 때 스타일, 줄은 채울 수 있도록 다양한 형태로 지정된 기본 색상 (원하는 효과를 않는 대부분의 시간을). 따라서 이 경우 배경색 지정해야 할 것 같다 '' (as @Ibu 제안됩니다 자신의 답) "고 덧붙였다.

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }
    • ["12 css 거의 알려지지 않은 사실 '] 이라는 제목의 기사를 (http://www.sitepoint.com/12-little-known-css-facts/), 최근 펴낸', '그', '&lt hr&gt 설정할 수 있는 언급은 시테포린트, 그 테두리 색 컬러', 'hr' s # 39 parent& 지정할 경우 {테두리 색. 상속됩니다} '.
Anton Strogonoff
편집된 답변13일 4월 2019 в 10:32
해설 (5)

'-' Safari 및 Chrome 테두리 색 작동합니다. 파이어폭스, 오페라 '-' 배경색 작동합니다.

  • '' 은 색상 IE7+.
Uwe Keim
편집된 답변28일 12월 2018 в 1:22
해설 (4)

내 생각엔 이 유용할 수 있습니다. 이 CSS 선택기를 간단했다.

hr { background-color: red; height: 1px; border: 0; }
Uwe Keim
편집된 답변28일 12월 2018 в 1:23
해설 (2)
hr {
    height: 1px;
    color: #123455;
    background-color: #123455;
    border: none;
}

지금 이렇게 필요한 경우 세로폭 변경할 수 있습니다. 행운을 빕니다. 출처: 스타일 HR CSS 로 방법

Uwe Keim
편집된 답변28일 12월 2018 в 1:23
해설 (0)

인터넷 익스플로러, 크롬, 사파리, 파이어폭스, 오페라 테스트를 통해.

hr {
    border-top: 1px solid red;
}

[볼 바이올린] (http://jsfiddle.net/HPSjU/).

Uwe Keim
편집된 답변28일 12월 2018 в 1:25
해설 (0)

선 () 는 미디어만을 국경 상단형 색상으로 수 있을 만큼 다른 색상.

hr {
    border-top: 1px solid #ccc;
}
Uwe Keim
편집된 답변28일 12월 2018 в 1:25
해설 (0)
 
hr {
  height:0; 
  border:0; 
  border-top:1px solid #083972; 
}

한편, 이 새벽꺼정 굵은선 수평선 1px it 색상 변경

해설 (1)

hr pre&gt <; { 색상: # f00. 배경색: # f00. 높이: 5px; } &lt /pre>;

해설 (0)

내가 믿을 수 있는 가장 효과적인 방법:

<hr style="border-top: 1px solid #ccc; background: transparent;">

Hr 의 경우 또는 모든 요소를 포지셔닝하십시오 그렇게 쓴 너회들 위에 CSS.

hr {
    background-color: transparent;
    border-top: 1px solid #ccc;
}
해설 (0)

여기에 대답을 설명됨, 내가 읽은 후, 모든 것을 위해 작은 오락에 빛위에 설정되었습니다 복잡성입니다 실험 시간. 또한 던질 수 있는 가장 많이 있으며, 이 작은 검토완료 아웃해야 몬키퍼트셰트 CSS 너회가 작성했습니까 [입문서] (https://jsfiddle.net/RedDevil/ds20fjo6/) 및 그냥 이 두 줄의 순결케 CSS.

hr {
  border-style: solid;
  border-color: cornflowerblue; /* or whatever */
}

즉 모든 네 시간 스타일입니까 합니다.

  • 크로스 브라우저 상호 장치,,) 는 금지커서 os 금지커서 영국 해협 세 금지커서. , &Quot work.&quot &quot 없는 것 같아요,, 이렇게 하면 유지해야 하는 사파리 / IE 에서 mind.&quot, *, etc.
  • 높이 너버 ',' no '없음', '추가 css - 배경색', '컬러' 등이 있었다.

그냥 숙소로 다채로운 시간. , # 39 에 있는 it& simple&lt sup&gt <;;;;; &lt small&gt TM&lt /small&gt /sup>.

보너스: 일부 높이 'H', 'HR 전달자로써 테두리 폭' 도 '그냥' H/2 설정합니다.

해설 (2)
 
hr
{
  background-color: #123455;
}

배경 중 하나는 변경하려고 합니다.

테두리 색상이 사용할 수도 있습니다. 나는 이 문제를 십자브라우저 있습니다 잘 모르시는 것 같아요. 이 브라우저는 디퍼렌트 테스트 합니다.

해설 (5)

if u & # 39, css 를 사용하여 클래스를 찍은 후 받을 수 있을 뿐만 아니라 모든 hr& # 39. # 39, & # 39 hr& 경우 특정 태그이지만, u want. 아래 코드를 이리에, inline css

<hr style="color:#99CC99" />

39 의 경우, s 작동안함 크롬 시도하시겠습니까 it& 아래 코드:

<hr color="red" />
해설 (5)

0 으로 테두리 폭 설정해야 합니다. 작동하잖아 더불어 모질라 파이어폭스, 크롬.

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

<! - 언어: &gt css 랭 -; hr { 선택해제합니다: 둘 다. 색상: red; 배경색: red; 높이: 1px. 테두리 폭: 0; }

<! - 언어: &gt html 로 -; hr /&gt <; 테스트입니다. hr /&gt <;

끝 - &lt 스니핏 >;!

해설 (0)

일부 브라우저에서는 '컬러' 속성 '' 속성을 사용하여 배경색, 일부 사용합니다. 돌아올:

hr{
    color: #color;
    background-color: #color;
}
해설 (0)

39, IE, 크롬, 파이어폭스, I& p&gt &lt, m 테스트를 수행할 수 있고, 2015년 5월 현재 버전 이 가장 효과적입니다. 이 때문에 인사 및 it 센터를 70% wide:&lt /p>;

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

<! - 언어: &gt css 랭 -; 하르드라이트 { 70%, 폭: 여백 0 auto; 0px 국경 되니그들 슬픔으로창백해지고. 1px 국경 상단형 솔리드로 라이트그레이. }

<! - 언어: &gt html 로 -; hr class = &quot light&quot <;; /&gt.

끝 - &lt 스니핏 >;!

해설 (1)

39 의 it& 단순하고 내가 좋아하는.

<hr style="background-color: #dd3333" />
해설 (0)

39, 명성, 내가 여기 부여하느뇨 언급을 하도 don& 없는 몇 가지 생각.

css 가변으로 스케쳐내 높이, take off 모든 테두리와 배경색이 열거하십시오.

    hr{
        height:2px;
        border:0px;
        background:green;
        margin:0px;/*sometimes useful*/
    }
    /*Doesn't work in ie7 and below and in Quirks Mode*/

스케쳐내 앨리어스가 알잖나 사용할 수 있는 스타일 (예: 대체할 수 있는 대부분의 이메일 클라이언트나 &lt 국경 전에 요소, ie8)

    hr{
        height:0px;
        border:0px;
        border-top:2px solid blue;
        margin:0px;/*useful sometimes*/
    }

두 방식 모두 설정할 경우, 너버 하면 항상 it& # 39 의 크기.

',' 엔드입니다 display: block 설정할 필요가 없습니다.

완전, & # 39, 함께 사용할 수 있어 모두 안전한 것으로 인해 일부 브라우저에서 혼동하는 ',' 높이 0px 얻을 수 있다.

    hr{
        height:1px;
        border:0px;
        background:blue;
        border-top:1px solid blue;
        margin:0px;/*useful sometimes*/
    }

이 방법을 사용하면 확인할 수 있습니다 2px 이상 있을 것이라고 보고 있다.

39 더 있지만, s 라인 it& 안전이 것이다.

이 방법을 통해 콩지름에 호환되어야 거의 다.

주의: Gmail 만 인라인 css 및 일부 전자 메일 클라이언트는 배경 또는 탐지합니다 지원하지 않고 있다. 실패할 경우, 아직 1px 할말이다 것입니다. 보다 나은 아무것도아니야.

심한 경우 추가할 수 있습니다. ',' 블루 시도하시겠습니까 색상:

최악의 최악의 경우, 글꼴 색상 = &quot blue&quot &gt 사용할 수 있는 '&lt 시도해 볼 수 있습니다;;;;;;', '태그 및 모세야 네 소중한' &lt &lt /font&gt hr/&gt 태그 내에 있다. 또,, '태그' &lt 상속됩니다 font&gt &lt /font&gt 색상.

이 방법을 사용하면 이 xx 가 * want to do 다음과 같습니다. width = &quot &lt, 'hr 50"; align = &quot /&gt left";; '.

예:

    <span>
        awhieugfrafgtgtfhjjygfjyjg
        <hr width="50" align="left"/>
    </span>

여기에 대한 링크를 확인할 수 있습니다. [http://jsfiddle.net/sna2D/] [1]

[1]: &quot, http://jsfiddle.net/sna2D/&quot, http://jsfiddle.net/sna2D/

해설 (0)

줄 수 있다 ',' hr noshade&gt &lt 있습니다 태그 및 이동하여, css 파일 및 추가:

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

<! - 언어: &gt css 랭 -; hr { 국경 상단형 0. 색상: # 123455. }

<! - 언어: &gt html 로 -; hr 노마드 /&gt <; 이 s 테스트 hr 노마드 /&gt <;

끝 - &lt 스니핏 >;!

해설 (0)

글꼴 색상 수평선을 사용하여 수정할 수 있도록 보다 유연하고 쉽게 사용할 수 있습니다.

이 때문에 다음 기본 색상 '속성' isn& # 39, t 상속됩니다 추가해야 할 수 있도록 hr& # 39 의 색상 상속:

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

/* allow hr to inherit color */
hr { border: 1px solid;}

/* reusable colour modifier */
.fc_-alpha { color: crimson;}
normal hr:

<hr>

hr with <span class="fc_-alpha">colour modifier</span>:

<hr class="fc_-alpha">

끝 - &lt 스니핏 >;!

해설 (0)

이 작업을 수행할 수 있었습니다.

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

<! - 언어: &gt css 랭 -; hr { 경계: 1px 솔리드로 빨강입니다. }

<! - 언어: &gt html 로 -; hr /&gt <; 이 s 테스트 hr /&gt <;

끝 - &lt 스니핏 >;!

해설 (0)