在網頁開發中，有時候我們需要把圖片變成塊元素來實現一些特殊的效果。這個時候我們可以使用CSS的display屬性來實現。

首先，我們需要將圖片的display屬性設置為block：

img {
display: block;
}

當我們將圖片的display屬性設置為block時，圖片將會變成一個塊元素，占據一整行的空間。

此時，我們可以使用 CSS 來對這個塊元素進行樣式的設置，比如設置寬度、高度、邊框等樣式。

img {
display: block;
width: 200px;
height: 200px;
border: 1px solid #000;
}

在上面的代碼中，我們將圖片的寬度設置為 200px、高度設置為 200px，以及添加了一條黑色的邊框。

如果我們需要將圖片設置為一個浮動元素，可以使用 CSS 中的float屬性：

img {
display: block;
float: left;
margin-right: 20px;
}

在上述代碼中，我們將圖片設置為了一個左浮動元素，并且設置了右邊距為 20px。

通過上述示例，我們可以看到 CSS 中的display屬性可以很方便地將圖片轉換成塊元素，并且可以進行各種樣式的設置和調整。