div实现阴影边框效果(适应各主流浏览器)
发布时间：2013-09-16 11:25:23 作者：佚名 
我要评论
我要评论阴影效果在以前或许会采用图片来实现，而如今使用css便可实现，本文有个不错的示例，喜欢的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
复制代码
代码如下:<!DOCTYPE HTML>
<html>
<head>
<title>CSs阴影框，Div阴影</title>
<style type="text/css">
*{ margin:0; padding:0; border:0; }
body{ padding:4em; font-family:Tahoma, Geneva, sans-serif }
/*box*/
.box { width:60%;background-color:#666}
.box p {line-height:1.8; padding:2em; position:relative; top:-5px; left:-5px;zoom:1;background-color:#ccc}
</style>
</head>
<body>
<div class="box">
<p>程序员之家提供</p>
</div>
</body>
</html>
相关文章
- 在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜来实现，需要注意的是该滤镜必须配合background属性一起使用，否则该滤镜失效2013-09-11
- CSS控制背景图像平铺，从而实现区域边框阴影的效果，可贵之处是本代码不管你需要阴影的区域是多大，它都能自动适应，个人感觉还不错，具体实现如下建议收藏下哦2013-08-25
- 想做个页面用到css3的圆角和阴影效果，但ie浏览器不支持，之前也听说有插件可以实现，周六在网上找到了一个方法，原文如下： 但凡是前端工程师，都知道IE6，IE7，IE8不支2013-07-02
css实现跨浏览器的box-shadow盒阴影效果告别图片实现类似效果(2)
前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜，但是使用的是shadow滤镜，这种滤镜的效果很牵强，效果过渡不自然.而本文实现的IE下的盒阴影效果就相对非常自然，而且2013-01-08- 在web页面的UI表现中，投影效果可以说是非常常见的一种表现效果了,然而，在CSS2的时代，我们多半使用图片实现类似效果，或是使用CSS其他属性模拟阴影效果，但是，现在，CSS2013-01-08
css div 边框阴影利用背景图或内外层div实现层次感觉阴影效果
在网页布局中偶尔会用到div 边框阴影做一些特殊效果本文介绍两种实现方法:一种是利用内外层的div边框来实例层次感觉的css边框阴影效果，另一种是利用了背景图片再加内外div2012-12-18- 你在使用box-shadow来实现阴影效果的时候，有没有注意到有些情况下，阴影并不是透明的效果2011-08-28
- 通过这个小例子你是否觉得CSS处理文字效果方面功能比较强大呢？确实是这样的，用CSS可以给文字加阴影、加背景，让文字变色炫彩、变成3维的，这并不难，好好研究一下这几个2009-10-23
- 一般我们可以使用背景图的方式给图片添加阴影，但对于不固定尺寸的图片如何实现呢？我们可以采取“视觉欺骗大法”——定义渐变边框来实现： [code] 2009-07-11
最新评论