CSS by OKнечириК^®

Простая имитация «объемной» надписи

Если вам этот способ неизвестен, то можете и на него сделать ссылку =)

Приведу таблицу CSS этого метода

<style type="text/css">

.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;}
-->
</style>

И html-код

		<div class="container">
		  <h6 class="hTop yellow">CSS</h6>
		  <h6 class="unter1 black">CSS</h6>
		  <h6 class="unter2 gray">CSS</h6>        
		</div>       
		<p>Если вам этот способ неизвестен, 
		то можете и на него сделать ссылку =)</p>    
		<div class="container">				
		  <p class="p1 red">тень</p>				
		  <p class="p2 black">тень</p>				
		  <p class="p3 gray">тень</p>			
		</div>