在CSS中,我們可以使用box-shadow屬性為元素添加陰影,實(shí)現(xiàn)更加生動(dòng)的頁(yè)面效果。下面介紹幾種常見的陰影模式:
/* 添加單一陰影 */ box-shadow: 距離X 距離Y 模糊程度 陰影大小 陰影顏色; /* 示例代碼 */ box-shadow: 5px 5px 5px #999; /* 添加多重陰影 */ box-shadow: 距離X 距離Y 模糊程度 陰影大小 陰影顏色, 距離X 距離Y 模糊程度 陰影大小 陰影顏色; /* 示例代碼 */ box-shadow: 5px 5px 5px #999, -5px -5px 5px #999; /* 添加內(nèi)陰影 */ box-shadow: inset 距離X 距離Y 模糊程度 陰影大小 陰影顏色; /* 示例代碼 */ box-shadow: inset 5px 5px 5px #999;
以上就是CSS中常見的陰影模式,可以根據(jù)實(shí)際需求添加到元素中。需要注意的是,在使用box-shadow屬性時(shí),距離X與距離Y指從元素邊緣到陰影的距離,模糊程度和陰影大小是可選參數(shù),可以根據(jù)需求調(diào)整。