CSS背景陰影的寫法
在CSS中,可以使用box-shadow
屬性來添加背景陰影。box-shadow
屬性接受四個值,分別是水平偏移、垂直偏移、模糊半徑和顏色。
以下代碼可以將一個元素的背景陰影設置為水平偏移10px、垂直偏移5px、模糊半徑2px,顏色為灰色:
element { box-shadow: 10px 5px 2px gray; }
element
是要添加陰影的元素的選擇器,可以根據(jù)需要替換成具體的元素名稱或類名。
除了box-shadow
屬性,CSS還提供了text-shadow
屬性,用于給文本添加陰影。text-shadow
屬性的用法與box-shadow
類似,也是接受四個值,分別是水平偏移、垂直偏移、模糊半徑和顏色。
以下代碼可以將一個元素的文本陰影設置為水平偏移2px、垂直偏移1px、模糊半徑1.5px,顏色為藍色:
element { text-shadow: 2px 1px 1.5px blue; }
需要注意的是,text-shadow
屬性只對文本有效,如果元素中沒有文本,那么text-shadow
屬性將不會生效。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。