博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3 box-shadow 属性
阅读量:4132 次
发布时间:2019-05-25

本文共 573 字,大约阅读时间需要 1 分钟。

CSS3 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) 改为内部阴影。

  实例

郁金香

上海鲜花港的郁金香,花名:Ballade Dream。

世博中国馆

2010年上海世博会,中国馆。

本文转自w3school

你可能感兴趣的文章
Linux下skype国内卡拨号方法
查看>>
Ubuntu 10.04开机画面低分辨率问题解决方案
查看>>
ubuntu 10.04 开机增加命令界面
查看>>
Ubuntu下安装MySQL获得 mysql.h 建立C接口
查看>>
LINUX 下的GUI编程 学习收获
查看>>
LINUX 下的 mysql + c 编程 学习收获
查看>>
linux 下的 bochs2.4.5使用的学习收获
查看>>
汇编指令收集
查看>>
各类操作系统概述
查看>>
zhcon-Ubuntu字符界面中文乱码和分辨率的解决方案
查看>>
将Ubuntu主文件夹里的中文文件夹名称改成英文
查看>>
调整tty文本模式终端字体大小
查看>>
英文界面Ubuntu,修改界面默认雅黑字体
查看>>
修复被破坏了的linux文件系统分区表
查看>>
移植java虚拟机到mini2440
查看>>
fedora9安装vmware tools后鼠标定位不准(变现为无法选择continue)
查看>>
使用USB无线网卡和USB摄像头打造mini2440无线监控系统
查看>>
mini2440 移植 JAVA虚拟机 的错误处理
查看>>
opencv cvCaptureFromAVI cvReleaseCapture thread failure
查看>>
用GUI icon直接執行shell script
查看>>