Среда, 09.07.2025, 22:29 Приветствую Вас, Гость
Шаблоны,скрипты,ucoz,шаблоны на заказ
Главная | Форум | Файлы | Тут может быть ваша ссылка! | Блог | Статьи | Видео
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Текст с тенью с помощью CSS
KapustukДата: Воскресенье, 18.10.2009, 00:34 | Сообщение # 1








Маестро
Группа: Пользователи
Сообщений: 177
Репутация: 2
Статус: Offline
Вставлять где вам угодно

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>


http://mobil-smart.net.ru/

Все для смартфонов.МОбайлСмарт.

Кривое слово БАН!!!

 
  • Страница 1 из 1
  • 1
Поиск:


Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом. Эти материалы предназначены исключительно для ознакомления! © 2009-2010 | Скрипты для ucoz, Шаблони , Игри , Софт | Карта форума
Создать
бесплатный сайт с uCoz