CSSでシャドウ効果を実現

565 ワード

<style type="text/css">  
.shadow{  
    width:120px;  
    height:120px;  
    border:1px solid #ccc;  
    background:#fff;  
    font-size:12px;  
    padding:10px;  
    -moz-box-shadow:3px 3px 4px #ccc;  
    -webkit-box-shadow:3px 3px 4px #ccc;  
    box-shadow:3px 3px 4px #ccc;  
    *filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");  
}  
</style>
<div class="shadow">  
          
</div>