標題：圖片顯示 CSS 代碼教程

隨著網頁設計的不斷發展，圖片顯示已經成為網頁設計中不可或缺的一部分。在 CSS 中，我們可以使用圖片作為背景，或者將其嵌入到頁面中，從而使得整個頁面更加美觀和簡潔。本文將介紹如何使用 CSS 來顯示圖片，以及如何編寫一個簡單的圖片顯示 CSS 代碼。

一、使用圖片作為背景

```css

其中，圖片地址應該包含完整的路徑，以確保圖片能夠在瀏覽器中正確顯示。

二、將圖片嵌入到頁面中

```css

background-position: 50% 50%;

其中，50% 50% 表示將圖片的寬高比例設置為 1:1，以確保圖片在頁面中居中并占據頁面的 50% 和 50%。

三、編寫一個簡單的圖片顯示 CSS 代碼

最后，我們可以編寫一個簡單的圖片顯示 CSS 代碼，用于在頁面中顯示圖片。例如，我們可以將一張圖片設置為頁面的背景，并在頁面的頂部使用 CSS 樣式將圖片顯示出來。下面是一個簡單的圖片顯示 CSS 代碼示例：

```css

body {

background-position: top right;

background-position: top center;

其中，body 屬性將頁面的背景設置為圖片地址，h1 屬性將頁面的標題設置為圖片地址，通過 background-position 屬性將圖片居中并位于頁面的頂部。

以上就是關于圖片顯示 CSS 代碼的介紹，希望本文能夠幫助到您。如果您需要更多的信息，可以訪問百度百科進行查閱。