Текст в стиле Web 2.0
Из картинки ясно, каков будет результат. Проверял в браузерах - Опера 9.25, ФФ 2.0, и ИЕ 7, возможно без проблем будет работать и в других версиях, но у меня под рукой их не оказалось. Лучше всего конечно он смотрится в ИЕ из-за его умения красиво зглаживать шрифты
css
Code
.cooltext {
position: relative;
height: 23px;
}
.ct-top,.ct-bot,.ct-contur {
font: bold 20px Tahoma;
display: inline-block;
position: absolute;
}
.ct-top {
color: #f19193;
overflow: hidden;
height: 13px;
top: 0px;
left: 0px;
z-index: 999;
}
.ct-bot {
color: #b41118;
z-index: 888;
}
.ct-contur {
top: 1px;
left: 1px;
color: #8c1517;
z-index: 777;
}
HTML
Code <div class="cooltext"> <b class="ct-top">текст</b> <b class="ct-bot">текст</b> <b class="ct-contur">текст</b> </div>
| html-cсылка на публикацию |
|
| BB-cсылка на публикацию |
|
| Прямая ссылка на публикацию |
|
|
