2013-06-15 4 views
0

http://jsfiddle.net/ZMfBv/Как я могу изменить цвет конического hr?

hr { 
border: 0; 
border-color:blue; 
background-color:blue; 
color:blue; 
height: 4px; 
background:#fff; 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0))); 
background: -webkit-linear-gradient(left, hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%); 
background: -moz-linear-gradient(left, hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%); 
background:  -ms-linear-gradient(left, hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%); 
background:  -o-linear-gradient(left, hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%); 
background:   linear-gradient(left, hsla(0,0%,0%,.75) 10%, hsla(0,0%,0%,0) 100%); 
} 

Я хочу изменить цвет Hr к blue.Clearly, цвет, установка фонового цвета не работает, как я могу это сделать?

+0

Вы имеете в виду, что хотите, чтобы он перешел от того, что он в настоящее время к черному на белом, или просто хотите, чтобы он был другим? –

+0

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

+0

Я тоже редактировал вопрос, извините за замешательство. – Aravind

ответ

1

http://jsfiddle.net/ZMfBv/3

background: linear-gradient(to right, rgba(3,0,221,0.75) 10%, rgba(255,255,255,1) 100%); 

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

2

обновление: Вот черный фон с белого на серый градиент ч

body {background-color: black;} 


hr { 
    height: 4px; 
    border: 0; 
    background: -webkit-linear-gradient(left, #f3ffff, #555555); 
    background: -moz-linear-gradient(left,#f3ffff, #555555); 
    background: -o-linear-gradient(left, #f3ffff, #555555); 
    background: linear-gradient(left, #f3ffff, #555555); 
} 
0

Я думаю, вы хотите сплошной синий цвет, не так ли? Я так вот вот самое простое решение.

hr { 
    border: 0; 
    border-color:red; 
    color:red; 
    height: 4px; 
    background: blue; 
} 

http://jsfiddle.net/ZMfBv/13/

+0

Спасибо за помощь, но это не то, что я попросил, один из комментариев ответил на вопрос. – Aravind

Смежные вопросы