<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>css div 边框阴影</title>
<style type="text/css">
body {padding: 200px;}
div {border-width: 1px; border-style: solid; padding: 1px;}
.a {background-color: #f3f3f3; border-color: #fbfbfb;}
.b {background-color: #d8d8d8; border-color: #e8e8e8;}
.c {background-color: #fff; border-color: #bbb; height: 100px;color:#ff0000;}
</style>
</head>
<body>
<div class="a">
<div class="b">
<div class="c">边框为阴影效果</div>
</div>
</div>
</body>
</html>
分享到:
相关推荐
CSS边框阴影的实现.rarCSS边框阴影的实现.rarCSS边框阴影的实现.rarCSS边框阴影的实现.rarCSS边框阴影的实现.rar
css阴影效果
.
两种实现方法一种是利用内外层的div边框来实例层次感觉的css边框阴影效果,另一种是利用了背景图片再加内外div来实现的这种效果更漂亮。 简单一点的纯css 复制代码代码如下: <head> ”content-type”content ...
还记得之前分享过的一款HTML5 3D图片翻转特效吗?在这里HTML5 3D骨牌图片特效 带文字描述。今天我继续要为大家带来一款很不错的HTML5/CSS3 3D图片特效,图片的边框有阴影,在图片翻转的时候还有很不错的投影效果。
这是一个纯粹的CSS3效果,模拟实现Pseudo-Classes模拟卡片翘边阴影效果、方框边框阴影效果,IE8及以下浏览器对CSS3不感冒,童鞋们就不要试了,但完美支持ie9、chrome、safari、firefox、opera、360等浏览器。...
css3实现的图片边框阴影特效是一款通过css3实现的图片边框阴影特效,该效果全程无js,使用方便。
一款用CSS控制背景图像平铺,从而实现区域边框阴影的效果,虽然用到了图片,但可贵之处是本代码不管你需要阴影的区域是多大,它都能自动适应,因些还是很值得收藏一下的,兼容所有的IE浏览...CSS边框阴影</title>
CSS Code复制内容到剪贴板 box-shadow: h-shadow v-shadow blur spread color inset; h-shadow,v-shadow必须。水平,垂直阴影的位置。允许赋值。blur可选,模糊距离。spread可选,阴影的尺寸。color可选,...
CSS圆角阴影边框的实现.txt
橙色css3阴影边框商务企业html5模板_橙色 商务 按钮 html5 css3 企业 阴影边框 外贸.rar
在开发中现在对于阴影效果的使用已经越来越广泛了,那么今天我们就来说一说用同样的手法实现边框阴影。下面脚本之家小编给大家带来了Html/CSS前端实现文字边框阴影效果,需要的朋友参考下吧
HTML5CSS3实现边框阴影和图片投影3D图片效果源码.zip
.
摘要:脚本资源,CSS特效,CSS图片阴影 这是一个纯粹的CSS3效果,模拟实现Pseudo-Classes模拟卡片翘边阴影效果、方框边框阴影效果,不过经测试貌似不兼容IE8,但完美支持ie9、chrome、safari、firefox、opera、360等...
。
。
橙色css3阴影边框商务企业html5模板5540.zip