HTML5圖片陰影怎么設置 HTML5圖片陰影是一個很實用的效果，可以讓圖片更加生動、有層次感。在HTML5中，設置圖片陰影需要使用CSS3的box-shadow屬性。下面我們一起來看看怎樣設置HTML5圖片陰影。 首先，在HTML5文檔中插入一個圖片標簽。例如：

<img src="example.jpg" alt="example">

然后，在CSS樣式表中設置圖片的box-shadow屬性。例如：

img {
box-shadow: 10px 10px 5px grey;
}

這個例子中的box-shadow屬性值分別是水平偏移量、垂直偏移量、陰影大小和陰影顏色。我們可以按照自己的需要修改這些值來控制陰影效果。 如果需要將圖片陰影變成一個圓角矩形陰影效果，可以通過border-radius屬性來實現。例如：

img {
box-shadow: 10px 10px 5px grey;
border-radius: 10px;
}

這個例子中的border-radius屬性設置了一個圓角半徑為10像素的圓角矩形。 需要注意的是，在使用box-shadow屬性時，它會默認把陰影放在邊框內部，而不是圖片外部。如果要讓陰影超出圖片邊框，可以使用outline屬性來設置圖片的輪廓線。例如：

img {
box-shadow: 10px 10px 5px grey;
outline: 1px solid transparent;
}

這個例子中的outline屬性設置了一個輪廓線，它的顏色是透明的，寬度為1像素，可以將陰影超出圖片邊框。 通過以上的方法，我們就可以在HTML5中很方便地設置圖片陰影了。如果想進一步了解CSS3的box-shadow屬性，可以自行查詢相關資料。