在網(wǎng)頁設計中，我們常常需要使用圖片來美化頁面。但是，有時候我們也會遇到圖片與文本之間需要添加一些空白的情況，這個時候css就能幫助我們解決這個問題。

圖片向下延展空白可以使用css中的margin屬性。該屬性可以設置元素的外邊距，從而實現(xiàn)圖片與文本之間添加空白的目的。

img {
margin-bottom: 20px;
}

代碼中img代表頁面中的圖片元素，margin-bottom代表元素底部的外邊距。通過該屬性的設置，圖片下方就會出現(xiàn)20像素的空白。

需要注意的是，如果圖片與文字在同一個容器中，那么容器中的文本也會受到margin屬性的影響。

.container {
margin-bottom: 20px;
}
.container img {
margin-bottom: 0;
}

在以上代碼中，.container代表容器，該容器中包含了文字和圖片元素。當我們設置了容器的外邊距后，文字也會隨著容器一起向下移動。為了保證圖片與文字之間有20像素的空白，需要為圖片元素設置margin-bottom: 0;，去掉默認的外邊距。

總的來說，通過使用css中的margin屬性，我們可以輕松實現(xiàn)圖片向下延展空白的效果，從而使頁面更加美觀。