Изменение цветного текста в css
Мой html:
<html>
<body>
<div id="example">this is example</div>
</body>
<html>
Мой css:
#example{text-decoration: line-through;color:#ccc;}
Я выхожу из этого
![out-put image]()
, но я хочу как это
, но я не может. Помогите мне сделать вот так.
Ответы
Ответ 1
Цвет применяется к строке и тексту. Тебе нужно гнездиться.
<span style="text-decoration: line-through; color: red;">
<span style="color: #CCC;">text with red linethrough and black text</span>
</span>
Источник: http://www.savio.no/artikler/a/335/different-font-color-than-line-through-color-with-css
Ответ 2
Это пример, он работает правильно.
HTML:
<div id="example">
this is example
<span></span>
</div>
CSS
#example{
color:#ccc;
font-size: 20px;
position: relative;
display: inline-block;
}
#example span {
position: absolute;
width: 100%;
border-top: 1px solid red;
left: 0;
top: 50%;
}
http://jsfiddle.net/amkrtchyan/RHPHX/1/