Кто-то, где-то, когда-то...
Самая простая тень под текстовым блоком, для создания которой не используются рисунки
Как без использования графики сделать простую тень?
А очень просто. Вот как-то так!
Всего два блока, расположенные один в другом!
html-код
<div class="shadow"> <div> <h3 title="простая CSS-тень">Как без использования графики сделать простую тень? </h3> <p>А очень просто. Вот как-то так!</p> <p>Всего два блока, расположенные один в другом! </p> </div> </div>
CSS
div.shadow{
position: relative;
width:50%;
margin:25px auto;/*чтобы расположить блок посередине
(не работает в IE младше 6-ой версии)*/
background:#777;
}
div.shadow div{
position:relative;
left:-3px;
top:-3px;
background:#fff;
border:1px solid #111;
padding:10px;
}
