陰影是一種美化深度色彩的方式。因此,在
元素中為其添加陰影是很好的選擇。CSS允許您為
元素添加陰影,該過程主要涉及box-shadow屬性。
下面是語法示例:
box-shadow: h-offset v-offset blur spread color;
這個屬性由五個值組成:
- h-offset: 陰影水平偏移的位置。
- v-offset: 陰影垂直偏移的位置。
- 模糊:陰影的模糊半徑。
- spread:陰影的擴展程度。
- color:陰影的顏色。
下面是一個例子:
box-shadow: 10px 10px 10px 10px rgba(0, 0,0, 0.4);
這將在元素右下方呈現(xiàn)一個陰影,如上圖所示。如果要為
元素更改陰影的位置、模糊程度、擴展程度和顏色,只需編輯box-shadow屬性即可。