css实现阴影框效果
2008-12-05 11:05
411 查看
效果如下:
hello
通过设置内外div的背景以及内部div的position实现
代码:
<div style="background:#dedede;position:relative;margin:5px 10px;">
<div style="background:#d8e9ff;position:relative;padding:5px;left:-5px;top:-5px;">
hello
</div>
</div>
hello
通过设置内外div的背景以及内部div的position实现
代码:
<div style="background:#dedede;position:relative;margin:5px 10px;">
<div style="background:#d8e9ff;position:relative;padding:5px;left:-5px;top:-5px;">
hello
</div>
</div>
相关文章推荐
- 用 CSS 实现的阴影效果
- CSS实现曲面阴影效果
- css实现类似相框的阴影div的shadow效果
- 用 CSS 实现的阴影效果
- CSS实现带阴影效果的三角形
- css div 边框阴影利用背景图或内外层div实现层次感觉阴影效果
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- css实现悬浮效果的阴影
- CSS实现跨浏览器兼容性的盒阴影效果
- CSS实现跨浏览器的box-shadow盒阴影效果(2)
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- 用 CSS 实现的阴影效果
- css阴影效果实现方法分享
- css实现跨浏览器的盒阴影效果告别图片实现类似效果
- css实现阴影效果(box-shadow)
- css实现div阴影效果,兼容性较好
- CSS的定位属性实现text-shadow属性的文本下产生阴影效果
- CSS实现网页顶部的阴影效果
- CSS控制背景图像平铺实现边框阴影效果
- 用css实现的带阴影的表格效果的代码