Меню сайта
Категории сайта
Мини-чат
Наш опрос
Зависимость от каких из нижеперечисленных вещей Вы наблюдаете у себя?
Всего ответов: 1679
Облако тегов
Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Октябрь 2009  »
Пн Вт Ср Чт Пт Сб Вс
   1234
567891011
12131415161718
19202122232425
262728293031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Октябрь » 20 » Скрипты для uCoz » Текст с тенью с помощью CSS
Текст с тенью с помощью CSS
Вы пришли к нам на портал что бы скачать\посмотреть Текст с тенью с помощью CSS, если возникнут вопросы по данному файлу Текст с тенью с помощью CSS, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Текст с тенью с помощью CSS

Code
<style>
<!--
.container {
    background-color: #fff;
    display: block;
    padding: 0px;
    height: 200px;
    width: 366px;
    margin:0 auto;
    border:3px solid;
    border-color:#ddc #bba #bba #ddc;
    overflow:hidden;
    position:relative;
}
h6{font-size:50px; padding:0; margin:0;}
h6.hTop{position:absolute; top:75px; left:125px; z-index:100;}
h6.unter1{position:absolute; top:76px; left:126px; z-index:90;}
h6.unter2{position:absolute; top:77px; left:127px; z-index:80;}
/**/
.container p.p1,.container p.p2,.container p.p3{    
    position:absolute;    
    font-size:50px;    
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    }
.container p.p1{top:30px; left:110px; z-index:100;}
.container p.p2{top:33px; left:113px; z-index:90;}
.container p.p3{top:34px; left:114px; z-index:80;}
.red{color:#f00;}
.black{color:#000;}
.yellow{color:#ff0;}
.blue{color:#0ff;}
.gray{color:gray;}
pre{font-size:120%; color:#009;}
-->
</style>

<h1>Текст с тенью с помощью CSS</h1>

<h3>Вариант 1 «объемной» надписи</h3>
           <div class="container">
             <h6 class="hTop yellow">CSS</h6>
             <h6 class="unter1 black">CSS</h6>
             <h6 class="unter2 gray">CSS</h6>
           </div>
<h3>Вариант 2 Текст с тенью</h3>
           <div class="container">
    <p class="p1 red">тень</p>
    <p class="p2 black">тень</p>
    <p class="p3 gray">тень</p>
    </div>

У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: dirtymusicx | Комментариев: 0 | Просмотров: 2032 | Добавлено: 20-Окт-2009

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]