CSS邊框設置陰影的方法是通過box-shadow屬性實現的,box-shadow屬性可用來向元素添加陰影效果。
/* 水平陰影,垂直陰影,模糊距離,陰影大小,陰影顏色 */ box-shadow: 10px 10px 5px 1px #888888;
上述代碼中,第一個值表示水平陰影的位置,第二個值表示垂直陰影的位置,第三個值表示模糊距離,第四個值表示陰影大小,最后一個值表示陰影顏色。
/* 多個陰影 */ box-shadow: 10px 10px 5px 1px #888888, -5px -5px 5px 1px #000000;
在同一元素上可以使用多個box-shadow屬性值以產生多個陰影效果。
除了box-shadow屬性之外,CSS還提供了一些其它陰影屬性可以用來設置陰影效果,如text-shadow用來設置文本陰影效果,inset陰影用來制作元素內側陰影效果等等。
上一篇ajax提交url無改變
下一篇css怎樣設置字體樣式