在使用CSS進行排版設(shè)計時,我們時常會用到陰影效果。不過有時候我們也需要去除某個元素上的陰影效果。下面就通過一個簡單的例子來介紹如何去除元素上的陰影效果。
.element{ box-shadow: 2px 2px 5px grey; }
上面的代碼是一個簡單的設(shè)置元素陰影的樣例。我們可以通過設(shè)置box-shadow屬性來給元素添加陰影效果。其中, box-shadow的第一個參數(shù)是陰影水平偏移量,第二個參數(shù)是陰影垂直偏移量,第三個參數(shù)是陰影模糊半徑,第四個參數(shù)是陰影顏色。
如果我們要去除陰影效果,只需要將box-shadow屬性的值設(shè)置為none即可,代碼如下所示:
.element{ box-shadow: none; }
這樣設(shè)置以后,元素上的陰影效果就被清除了。