HTML和CSS是現代Web頁面設計的重要組成部分，它們能夠為頁面帶來極佳的效果。其中，CSS內部陰影效果在網頁設計中十分常見。本文將介紹如何使用CSS來實現圖片內部陰影效果。 首先，我們需要為圖片設置一個容器，讓圖片展示在其中。代碼如下：

<div class="shadow-container">
<img src="example.png">
</div>

上述代碼中，使用了一個div容器來包含圖片。接下來，我們使用CSS來給這個容器添加內部陰影效果：

.shadow-container {
position: relative;
display: inline-block;
}
.shadow-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
z-index: -1;
}

上述代碼中，我們為.shadow-container容器設置了定位和一個以:before偽元素為基礎的內容。通過為這個元素設置絕對定位和一個寬高為100%的邊框，我們可以讓這個元素完全覆蓋在圖片上方。此外，我們通過box-shadow屬性為這個元素添加了內部陰影效果。 通過上述代碼的設置，我們已經成功為圖片容器添加了內部陰影效果。你可以使用自己的圖片路徑替換掉example.png，從而展示不同的效果。 總之，在本文中，我們介紹了如何使用CSS來給圖片容器添加內部陰影效果。通過上述的代碼，你也可以輕松地為自己的網頁添加突出的視覺效果。