使用CSS來製作元素、圖片、文字的陰影

 請注意：以下測試皆為使用Chrome瀏覽器記錄顯示結果，並非所有瀏覽器皆有支援。

box-shadow 屬性：
先來看一下使用後的美圖。

達到此陰影效果部分的CSS語法：
box-shadow: 5px 5px 10px #000;

解說：
第一個值 5px 指的是X的偏移量，正值的話陰影會出現在元素的右邊，負值的話，會出現在左邊。
第二個值 5px 指的是Y的偏移量，正值的話陰影會出現在元素的下面，負值的話，會出現在上面。
第三個值是非必須的，但是如果沒有值的話，是不會有模糊的效果的，這個值是模糊的強度值。
最後的是陰影顏色，可用16進位數值的表示方式，或是RGB數值、顏色名稱。

text-shadow 屬性：
一樣先來看一下使用後的美圖。

達到此陰影效果部分的CSS語法：
text-shadow: 5px 5px 10px #000;

使用方法....沒錯..就是跟 box-shadow 都一樣，就不重複介紹嚕。

CSS指定滑鼠指標的語法：cursor

將滑鼠移到該語法，即可見到指標圖示效果哦!

cursor: pointer;
cursor: no-drop;
cursor: progress;
cursor: help;
cursor: wait;
cursor: text;
cursor: crosshair;
cursor: move;
cursor: not-allowed;
cursor: no-vertical-text;
cursor: all-scroll;
cursor: col-resize;
cursor: row-resize;
cursor: e-resize;
cursor: n-resize;
cursor: ne-resize;
cursor: nw-resize;
cursor: s-resize;
cursor: se-resize;
cursor: sw-resize;
cursor: w-resize;