一款兼容性不错的css实现div阴影效果

作者：简简单单 2013-03-07

提示：您可以先修改部分代码再运行

<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
div {
      margin:0px; background:#FFFFFF;
	/*
	第一个参数是x轴阴影段长度
	第二个参数是y轴阴影段长度
	第三个参数是往四周阴影段长度
	第四个参数是阴影段颜色
	*/
    box-shadow:0px 0px 10px #CCCCCC;
    -moz-box-shadow:0px 0px 10px #CCCCCC;
    -webkit-box-shadow:0px 0px 10px #CCCCCC;
	/*direction 阴影角度 0°为从下往上 顺时针方向 strength 阴影段长度*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=0, strength=6)
                progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=90, strength=6)
                progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=180, strength=6)
                progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=270, strength=6)";
    *filter:progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=0, strength=6)
            progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=90, strength=6)
            progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=180, strength=6)
            progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=270, strength=6);
}
</style>
<div><a href="http://www.111com.net/wy/yw.html" target="_blank">网页制作</a>教程-www.111com.net</div></td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

上一个：兼容多浏览器向右滚动js代码下一个：js中无限极JSON解析代码

相关文章

精彩推荐