CSS3是一種用于創建網頁樣式的編程語言，具有許多強大的功能，其中包括居中技巧。今天，我們將介紹一種使用CSS3將圖片垂直居中的代碼。

首先，讓我們導入所需的CSS樣式：

```css

/* 設置圖片的寬度和高度 */

width: 200px;

height: 200px;

/* 設置圖片的居中位置 */

display: block;

margin: 0 auto;

如果只想居中一張圖片，可以將其定義為類，并將其應用于需要居中的HTML元素：

```css

/* 將一張圖片垂直居中 */

display: block;

margin: 0 auto;

height: auto;

上述代碼將圖片設置為整個頁面的可見部分，并使用“height: auto”來自動調整圖片的高度，使其垂直居中。

請注意，上述代碼只是將一張圖片垂直居中的示例。實際應用中，您可能需要根據具體情況進行調整和修改。

總之，通過使用CSS3的居中技巧，您可以輕松地將圖片垂直居中，從而為網頁添加一個精美的視覺元素。