如果你想在你的網站中增加陰影效果，那么使用HTML5的
元素來設置陰影就是一個不錯的選擇。下面我們來看看如何使用HTML5設置
元素的陰影效果。
<div style="box-shadow: 1px 1px 10px #888888;"> <p>這是一個擁有陰影效果的DIV元素</p> </div>
我們來仔細看一下上述代碼中的內容：
- box-shadow：這是一個CSS樣式屬性，用于創建陰影效果。我們通過這個屬性來定義陰影的顏色，大小和位置等等。
- 1px 1px 10px：這是一個陰影效果的參數。第一個值定義陰影的水平位置，第二個值定義陰影的垂直位置，第三個值定義陰影的模糊程度。我們可以通過修改這些值來改變陰影效果的具體表現。
- #888888：這是一個陰影顏色的十六進制值。
需要注意的是，在CSS3中，box-shadow屬性還可以設置其他的值，比如內陰影、多個陰影等，在使用時要根據具體情況進行使用。
通過上面的介紹，相信大家已經能夠了解如何使用HTML5給
元素設置陰影了。如果你想要更加詳細了解CSS3的box-shadow屬性，還可以自行搜索相關教程進行學習。
下一篇html5繪制代碼