box-shadow

?

box-shadow屬性向框添加一個或多個陰影

?

box-shadow的JS語法為：　　object.style.boxShadow="10px 10px 5px #888888"

?

CSS語法：

box-shadow: h-shadow v-shadow blur spread color inset; h-shadow　　　　水平陰影位置
v-shadow　　　　垂直陰影位置
blur　　　　　　 模糊距離
spread　　　　　 陰影尺寸
color　　　　　　陰影顏色
inset　　　　　　設置為內陰影

text-shadow

?

text-shadow給字體添加陰影效果

?

text-shadow的JS語法：　　object.style.textShadow="10px 10px 5px #888888"

?

CSS語法：

text-shadow: h-shadow v-shadow blur color;

h-shadow: 水平陰影的位置(陰影水平偏移量)，可為負值，必需

v-shadow: 垂直陰影的位置(陰影垂直偏移量)，可為負值，必需

blur: 陰影模糊的距離(默認為0)，可選

color: 陰影顏色(默認為當前字體顏色)，可選

?

轉載于:https://www.cnblogs.com/blackfriday/p/8817761.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的CSS 字体、边框阴影的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。