div四周都加阴影如何改下面的代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div四周都加阴影如何改下面的代码相关的知识,希望对你有一定的参考价值。

border:#074A99 0px solid;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#074A99,strength=4);/*ie*/
-moz-box-shadow: 6px 6px 20px #074A99;/*firefox*/
-webkit-box-shadow: 6px 6px 20px #074A99;/*safari或chrome*/
box-shadow:6px 6px 10px #074A99;/*opera或ie9*/

box-shadow 前面两个值为 纵向阴影 和 横向阴影

把这两个值都设置为 0 就是四边都有阴影

border:#074A99 0px solid;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#074A99,strength=4);/*ie*/
-moz-box-shadow: 0 0 20px #074A99;/*firefox*/
-webkit-box-shadow: 0 0 20px #074A99;/*safari或chrome*/
box-shadow: 0 0 10px #074A99;/*opera或ie9*/
参考技术A 0px 不能简写成0!

box-shadow:0px 10px 5px #000;

介绍
0px 阴影向右偏移量,为0
10px 阴影向下偏移量,为10px
5px 阴影的过渡距离,为5px
#000阴影颜色,为黑色

给你一个DEMO

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#div1width:100px; height:100px; background:green; box-shadow:0 10px 5px #000
</style>
<body>
<div id="div1"></div>

winform 如何实现边框的阴影效果,就像360那种的,四周都有阴影。

参考技术A 你系统是什么版本?win7,还是xp?
如果是系统版本大于等于winvisita,那么,几行代码即可实现
如果是xp,那么,就比较复杂了。追问

win7的系统,我需要说明下,如果你说的是这样的代码,那就算了:
protected override CreateParams CreateParams

get

CreateParams createParams = base.CreateParams;
createParams.ClassStyle |= 0x20000;
return createParams;


这种代码只能实现右边框和下边框的阴影

追答

360的窗口,也只是左,下,右,三遍是阴影,而非全部。
而且,你贴的这种代码,必须要开启theme的系统服务,才有效果。

参考技术B winform中得用带阴影的背景图吧追问

这个。。。呵呵!!!没有程序员会想到用这种方法的。

追答

是啊,因为没有程序员会想着用winform去实现阴影效果吧

用winform的话,网上也有方法,用的是user32.dll和CreateParams,不过我都试了下,在2003下都没有效果,不知道在win7或vista下怎么样
winform里面没有那个属性,

参考技术C 这个建议你看下 wpf追问

wpf我知道怎么搞,我现在就想知道winform的,因为项目的要求就是winform-net2.0,用API的方法可以实现右边框和下边框的阴影,但是并不能实现4周都有阴影的效果!听别人说过用GID+可以实现,但是我怎么搞也没搞起来,渐变只在窗体内部看得出来,所以不行。

参考技术D

【四边阴影】教你实现Winform窗体的四边阴影效果

http://bbs.cskin.net/forum.php?mod=viewthread&tid=61&fromuid=2

以上是关于div四周都加阴影如何改下面的代码的主要内容,如果未能解决你的问题,请参考以下文章

div 四周都有阴影的写法

CSS3四周阴影效果怎么做?

如何在蒙面的 UIView 周围绘制阴影?

如何在拖动时隐藏可拖动div的阴影

CSS/DIV:两个DIV之间如何添加阴影呢

一个box四周边框阴影