关于css:CSS-单边阴影

55次阅读

共计 472 个字符,预计需要花费 2 分钟才能阅读完成。

语法

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

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

box-shadow 属性值 – 单边暗影


.showdow-top{box-shadow: 0px -10px 10px -10px #333;}
.shadow-bottom{box-shadow: 0px 10px 10px -10px #333;}
.shadow-right{box-shadow: 10px 0px 10px -10px #333;}
.shadow-left{box-shadow: -10px 0px 10px -10px #333;}

box-shadow 配置阐明

形容
h-shadow 必须 程度暗影的地位 , 容许负值
v-shadow 必须 垂直暗影的地位。容许负值
blur 可选 暗影的尺寸
spread 可选 含糊间隔
color 可选 暗影的色彩。请参阅 CSS 色彩值
inset 可选 将内部暗影 (outset) 改为外部暗影

正文完
 0