设为主页 加入收藏 进入管理 
千叶网典
首 页 网典文库 养生保健 美容化妆 旅游探险 精彩文章 美食菜谱 常用软件 网典资讯
当前位置: 千叶网典 - 网典文库/网站技术/用CSS3的box-shadow做阴影 - 用CSS3的box-shadow做阴影  人气:22106 [返回] [刷新]
用CSS3的box-shadow做阴影
http://www.w3school.com.cn/cssref/pr_box-shadow.asp 2014/1/10

CSS3 box-shadow 属性

实例

向 div 元素添加 box-shadow:

div
{
box-shadow: 10px 10px 5px #888888;
}

亲自试一试

页面底部有更多实例。

浏览器支持

IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。

定义和用法

box-shadow 属性向框添加一个或多个阴影。

提示:请使用 border-image-* 属性来构造漂亮的可伸缩按钮!

默认值: none
继承性: no
版本: CSS3
JavaScript 语法: object.style.boxShadow="10px 10px 5px #888888"

语法

box-shadow: h-shadow v-shadow blur spread color inset;

注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

描述 测试
h-shadow 必需。水平阴影的位置。允许负值。 测试
v-shadow 必需。垂直阴影的位置。允许负值。 测试
blur 可选。模糊距离。 测试
spread 可选。阴影的尺寸。 测试
color 可选。阴影的颜色。请参阅 CSS 颜色值。 测试
inset 可选。将外部阴影 (outset) 改为内部阴影。 测试
上一篇: 如何利用XMLHTTP.SEND提交并在后台接收所提交数据 下一篇: 如何上传代码到AppCan的服务器上
网典文库
u英汉词典
u成语词典
u新华字典
u小说
u电脑技术
u网站技术
u哲理
u灵异
u史话
u经典
u历史
最近更新
·夏季持续出汗别立即擦干 汗液附着皮肤散热降温
·警惕运动误区:爬山打球伤膝盖 频率太高易受伤
·常吃肉类增加患癌风险 体重决定每日摄入量
·空腹血糖超5.6应查糖耐量 糖尿病前期可逆转
·妊娠纹只能预防很难去除 合理控制体重最重要
·夏季频上火别盲目降火 滋阴润燥多吃果蔬更重要
·人体结构决定最好睡姿为右侧卧 不会压迫心肺
·肝硬化早期有信号:面部颜色黝黑 男性乳房增大
·夏天出汗要擦干再走进空调房 否则易致汗腺闭塞
·夜尿频繁对老年人危害极大 小心容易摔倒和骨折
·治脚气要先祛湿 中药煎水外洗加外涂西药效果好
·20多岁坚持跑步不痴呆 有氧运动有益大脑健康
·过度劳累是气虚易得肺癌 怕冷是阳虚易得胃癌
·夏季睡觉别裸睡要护好肩颈 亚麻凉席是天然空调
·血压高的人别在早上散步 胖老人散步要走久些
友情链接
千叶在线英汉词典千叶在线成语词典千叶在线新华字典千叶养生网梦游百合花海千叶网典
  千叶网典 版权所有 青ICP备09001016号-2  青公网安备 63010302000121号 .