边框

作者: ilkswiss | 来源:发表于2017-01-10 01:27 被阅读0次

用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如Photoshop。
css3中现增加以下的边框属性：
border-radius
box-shadow
border-image

在这里主要说一下box-shadow：
box-shadow属性可以设置一个或多个下拉阴影的框。
默认值:
none
继承:
no
版本:
CSS3
JavaScript 语法:
注意： boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
object.style.boxShadow=" 10px 10px 5px #888888"
必需的。
水平&垂直阴影的位置。
允许负值模糊距离阴影大小阴影颜色
box-shadow: h-shadow v-shadow blur spread color inset;