Juice Urban Music Club | The World Is Yours...

Текст в стиле Web 2.0

Senocor

Дата: Воскресенье, 2009-04-05, 5:43 PM | Сообщение # 1

Прохожий

Группа: Пользователи

Сообщений: 35

Награды: 1

Репутация: 0

Статус: Offline

Из картинки ясно, каков будет результат.

Проверял в браузерах - Опера 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>