Вставлять где вам угодно 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>
ПРИМЕР
Автор: Источник:
|