有问题加微信咨询:zhishidaquan6

广告赞助

无极3娱乐平台 > 编程语言 > DIV+CSS教程 > INTRODUCE

无极3娱乐平台报道css如何实现div边框阴影_最新万达开户运动上无极3娱乐平台官网

2013-05-13 10:39 作者:电脑知识大全 来源:diannaodiy.net 扫瞄: 次
css实现div边框阴影效果的方法

我最早在使用css2的时刻要是使div出现阴影效果的话,一般都是使用使用CSS其余属性模拟阴影效果,或者是图片来实现的。随着现在的css3的出现div边框阴影效果就变的简单了。本文就来讲解下css如何实现div边框阴影。

代码如下:

<style type="text/css">

.div_shadow{
width:600px;
height:450px;
border:#909090 1px solid;
background:#fff;
color:#333;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */
-moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
-webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
box-shadow:2px 2px 10px #909090;/* for opera or ie9 */
}

</style>



(责任编辑:电脑知识大全)
------分隔线----------------------------
特别说明

◎ 广告赞助

◎ 阅读说明READ EXPLANATION

⊙电脑知识大全是一个专注电脑知识分享的开放平台!
⊙请记住我们的域名diannaodiy.net
⊙转载请注明出处,电脑知识大全diannaodiy.net
⊙如果遇到什么问题,请到本站留言板留言,我们会及时处置的!

Sitemap
条评论