读书人

影子的实现

发布时间: 2012-11-06 14:07:00 作者: rapoo

阴影的实现

<div name="code"><style type="text/css">                     div.shadows {       margin: 3em auto;       width: 25em;       font-size: 1.2em;       padding: 1em;       background: #fff;       border: 1px solid #ccc;     }     div.shadows p {       margin: 0;       font: 100% Helvetica, Arial, sans-serif;     }     div.shadows {       -moz-box-shadow: 2px 2px 10px #000;       -webkit-box-shadow: 2px 2px 10px #000;     }             </style>     <!--[if IE]>     <style type="text/css">         div.shadows {               -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)    progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";               filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)    progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);           }       </style> <![endif]--> 

?

示例图:

?

影子的实现

读书人网 >Web前端

热点推荐