解决Safari中input等输入框聚焦时系统自动添加蓝色框的功能的时候,原以为是box-shadow引起的问题,后来发现是outline属性导致的,时候也记录一下box-shadow。基础不够扎实啊~

浏览器支持

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

定义和用法

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

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

示例:

这个div的阴影就是利用css的box-shadow做出来的

语法

box-shadow: h-shadow v-shadow blur spread color inset;
描述
h-shadow必需。水平阴影的位置。允许负值。
v-shadow必需。垂直阴影的位置。允许负值。
blur可选。模糊距离。
spread可选。阴影的尺寸。
color可选。阴影的颜色。请参阅 CSS 颜色值。
inset可选。将外部阴影 (outset) 改为内部阴影。

内容转自:http://www.w3school.com.cn/cssref/pr_box-shadow.asp


如您从本文得到了有价值的信息或帮助,请考虑扫描文末的二维码对我进行赞赏和鼓励。

与《CSS-边框阴影属性-box-shadow》相关的博文:


发布时间 03/19/2014 09:10:01所属栏目 Program Code.所属标签 .

留言

avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌