文字陰影是css3其中的乙個屬性，它的書寫格式是text-shadow：；每個屬性必然有對應的屬性值。text-shadow的屬性值有：x y blur color ；x是延x軸移動的距離，y是延y軸移動的距離，blur是陰影的模糊值。要注意一點的是在文字陰影沒有設定顏色的情況下，預設與文字的顏色一致。如下圖所示：
要想改變陰影的顏色就在text-shadow屬性裡寫需要變換的顏色即可。
多文字陰影的書寫方式如：text-shadow：10px 10px 5px blue，-10px -10px 5px blue；如圖所示：
盒陰影是在乙個容器外產生乙個陰影，從而達到需要實現的效果樣式。盒陰影的書寫格式是：box-shadow：x y blur spread color inset；盒陰影的x y blur值與文字陰影的意思相近，spread是陰影的模糊範圍，inset是內陰影（注：**影outset是盒陰影的預設值，且千萬注意書寫中outset不要寫，因為寫過後陰影不會生效）。
書寫格式與網頁顯示如圖：
在這裡盒陰影的顏色與文字陰影的顏色的特點有所不同，盒陰影的預設顏色不隨色塊背景顏色變化而變化，它預設就是黑色。
下面做乙個盒陰影的小案例：
通過盒陰影與位移讓色塊看起來浮起的效果：
劃過div時陰影和向上位移同時生效，會在視覺上產生浮起來的感覺。
逆戰班0222
CSS3文字陰影 盒子陰影
1 文字陰影text shadow text shadow 值1 值2 值3 值4 text shadow 10px 10px 4px pink 值1 水平方向位置，向右為正值 必須有，可以為負值 值2 垂直方向位置，向下為正值，必須有，可以為負值 值3 陰影的模糊程度，不支援負值 值4 顏色設定 ...
CSS3文字陰影 盒子陰影屬性用法介紹
基礎語法 text shadow h shadow 必需 v shadow 必需 blur 可選 color 可選 h shadow 水平陰影位置，x軸右側為正數，左側為負數 允許為負數 v shodwo 垂直陰影位置，y軸下方為正，y軸上方為負數 允許為負數 blur 定義了陰影模糊距離 colo...
css3 文字陰影
text shadow 基本語法 textshadow none length none shadow shadow textshadow none color color length 表示由浮點數字和單位識別符號組成的長度值，可為負值，指定陰影的水平延伸距離 color 表示顏色。陰影位於左上角...