CSS邊框陰影的寫(xiě)法
在CSS中,可以使用box-shadow
屬性來(lái)添加邊框陰影。box-shadow
屬性接受四個(gè)值,分別是水平偏移、垂直偏移、模糊半徑和顏色。
以下代碼可以將一個(gè)元素的邊框陰影設(shè)置為水平偏移10px、垂直偏移10px、模糊半徑5px,顏色為黑色:
element { box-shadow: 10px 10px 5px #000; }
element
是要添加陰影的元素的選擇器,可以根據(jù)需要替換成具體的元素名稱或類(lèi)名。
除了box-shadow
屬性,CSS還提供了text-shadow
屬性來(lái)添加文本陰影。text-shadow
屬性接受三個(gè)值,分別是水平偏移、垂直偏移和顏色。
以下代碼可以將一個(gè)元素的文本陰影設(shè)置為水平偏移2px、垂直偏移2px,顏色為灰色:
element { text-shadow: 2px 2px #888; }
需要注意的是,text-shadow
屬性只對(duì)文本元素有效,如p
、h1
、span
等,對(duì)于非文本元素,如div
、img
等,無(wú)法使用text-shadow
屬性。