brrq.net
当前位置:首页 >> 如何用CSS实现DIV块的阴影效果 >>

如何用CSS实现DIV块的阴影效果

可以用CSS3的阴影属性。 不过要支持IE6的话,加载个 .htc 行为文件就好了。border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: ...

CSS 实现让div的四个边框都有阴影的效果: 首先: HTML代码 CSS 如何实现让div的四个边框都有阴影的效果? CSS代码body{background:#f00;} html{background:#f00;}/*html加背景色*/ .g1{ width:500px; height:500px; border:2px solid #fff; mar...

div{width:100px;height:100px;box-shadow: 10px 10px 5px #888888;}这个DIV有阴影box-shadow是CSS3新属性,更多设置,,问度娘就可以了,角度,大小,距离等等。。。

text-shadow可以让我们实现完美的文字阴影效果。基本写法: text-shadow:[颜色 x轴 y轴 模糊半径],[颜色 x轴 y轴 模糊半径]... 或者 text-shadow:[x轴 y轴 模糊半径 颜色],[x轴 y轴 模糊半径 颜色]...

CSS实现DIV层的左下角、右下角圆角效果: border-radius: 0 0 3px 3px; text-shadow可以让我们实现完美的文字阴影效果。基本写法: text-shadow:[颜色 x轴 y轴 模糊半径] 右边和下边有阴影效果: text-shadow:black 2px 2px 2px;

box-shadow: 0px npx npx #000;将第一个设为0

box-shadow: -2px 0 0 green, //左边阴影 0 -2px 0 blue, //顶部阴影 0 2px 0 red, //底部阴影 0 0 0 yellow; //右边阴影

Div 添加阴影: .mydiv{ width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333; filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4); -moz-box-shadow: 2px 2px 10px #909090;...

HTML代码如下: <div class="image_shadow"> <img src="../images/origin_image.jpg" alt="" /> </div> CSS代码如下: .image_shadow{position:relative;float:left;clear:right;background:url(../images/shadow.gif) no-repeat right bottom;...

用定位,例: css: .top{width:300px; height:100px; background:#000;} .bottom{width:300px; height:100px; background:#090; position:relative; left:50px; top:-50px;} 你把代码粘到相对应的文件中看看效果就知道了

网站首页 | 网站地图
All rights reserved Powered by www.brrq.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com