冰古blog » (X)HTML+CSS » 2005 » 04 » 03 » 简单的css达到阴影效果

简单的css达到阴影效果

只要一小段的css就能达到网页阴影效果
我只在ie和firefox上看了效果(不错的效果:-)),不知道其他浏览器的效果如何呢?
css:

.shadowbox {
background: #ccc;
position: relative;
top: 2px;
left: 2px;
}
.shadowbox div {
background: #333;
border: 2px solid #000;
color: #fff;
padding: 10px;
position: relative;
top: -2px;
left: -2px;
}

html:

<div class="shadowbox">
<div>And there you have your result!</div>
</div>

来源:labs.silverorange.com

Leave a Reply