首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

影子的实现

2012-11-06 
阴影的实现div namecodestyle typetext/cssdiv.shadows {margin: 3em autowidth: 25emfont-si

阴影的实现

<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]--> 

?

示例图:

?

影子的实现

热点排行