(轉(zhuǎn)自https://blog.csdn.net/qq_34636440/article/details/80552013)
CSS 中有一個(gè)用于實(shí)現(xiàn)邊框的陰影的屬性 box-shadow蜕衡。
如果要實(shí)現(xiàn)單邊陰影對(duì) box-shadow屬性值需要進(jìn)行特別的設(shè)定，才可以到達(dá)效果连霉。
.shadow-only-bottom{ box-shadow: 0px 7px 7px -7px #5E5E5E; }
.shadow-only-right{ box-shadow: 7px 0px 7px -7px #5E5E5E; }
.shadow-only-left{ box-shadow: -7px 0px 7px -7px #5E5E5E; }
.showdow-only-top{ box-shadow: 0px -7px 7px -7px #5E5E5E; }
若要實(shí)現(xiàn)內(nèi)陰影
.shadow-only-top{ box-shadow: inset 0px 7px 7px -7px #5E5E5E; }
.shadow-only-right{ box-shadow:inset 7px 0px 7px -7px #5E5E5E; }
.shadow-only-left{ box-shadow:inset -7px 0px 7px -7px #5E5E5E; }
.showdow-only-bottom{ box-shadow:inset 0px -7px 7px -7px #5E5E5E; }
