css box-shadow属性 CSS3 box-lines 属性

css box-shadow属性

CSS box-shadow 属性允许开发者为元素添加阴影效果，它可以让元素看起来更加立体，也可以用来制作一些有趣的效果。box-shadow 属性是 CSS3 中新增的属性，它有多个参数，可以用来控制阴影的位置、大小、颜色等。

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

h-offset 和 v-offset 是水平偏移量和垂直偏移量，它们决定阴影在水平方向和垂直方向上的位置。blur 是模糊半径，它决定阴影的大小；spread 是扩散半径，它决定阴影的厚度。color 是颜色；inset 是内凹或外凸标志位，如果不写则默认为外凸。

box-shadow: 10px 5px 5px 0px rgba(0,0,0,0.75);

上面这行代码表明了水平偏移量为 10px ，垂直偏移量为 5px ；模糊半径为 5px ；扩散半径为 0px ；颜色是 rgba(0,0,0,0.75) （也就是 75% 的不透明度的黑色）。这样一来就会在元素的右侧 10px 处、下侧 5px 处生成一个大小为 5px 的、 75% 不透明度的黑色阴影。

CSS3 box-lines 属性

div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}

box-lines: single|multiple;