Приложение 1: CSS тень текста.

Затемнение

<div style="position: absolute; font-size: 4em;">
  <div style="position: absolute; left: 4px; color: chocolate; top: 4px;">
    Затемнение
  </div>
  <div style="position: absolute; left: 0px; color: rgb(245, 245, 224); top: 0px;">
    Затемнение
  </div>
</div>
<div style="clear: both;"></div>

Выбитый

<div style="font-size: 4em; position: absolute;">
<div style="color: white; left: -2px; position: absolute; top: -1px;">
Выбитый</div>
<div style="color: #595959; left: 2px; position: absolute; top: 2px;">
Выбитый</div>
<div style="color: silver; left: 0px; position: absolute; top: 0px;">
Выбитый</div>
</div>
<div style="clear: both;">
</div>

Слоёный

<div style="position: absolute; font-size: 7em;">
  <div style="position: absolute; left: 0px; color: #5a5a5a; top: 0px;">
    Слоёный
  </div>
  <div style="position: absolute; left: 4px; color: #ece2ca; top: 2px;">
    Слоёный
  </div>
  <div style="position: absolute; left: 8px; color: #4c6271; top: 4px;">
    Слоёный
  </div>
</div>
<div style="clear: both;"></div>

Применяя тег SPAN.

Поскольку тег DIV обладает свойством position: relative, а тег SPAN - position: absolute, то можно управлять позицией текста на странице.

Shpargalkablog.ruShpargalkablog.ru

<div style="padding: 5px; position: relative; top: 0px; left: 0px; font-family: Verdana; font-size: 50px; color: rgb(0, 0, 0);">
    Shpargalkablog.ru
  <span style="position: absolute; font-family: Verdana; font-size: 50px; color: #ece2ca; top: 2px; left: 2px;">
    Shpargalkablog.ru
  </span>
</div>

CSS тень текстаCSS тень текста

<div style="position: relative; top: 0px; left: 0px; font-family: Verdana; color: #ddcca3; font-size: 51px;">
    CSS тень текста
  <span style="position: absolute; color: #9a1702; left: 0px; top: 7px; font-size: 50px; font-family: Verdana;">
    CSS тень текста
  </span>
</div>