CSS 是一個網頁設計中的基本語言，它不僅可以控制文本的排版樣式，還可以插入圖片并進行格式化。本文將講述如何在 CSS 中插入圖片，并使其文字居中。
首先，我們需要將圖片插入到 HTML 文件中。這可以通過以下代碼實現：

html
<p>這是一張圖片：</p>

接下來，我們需要使用 CSS 將圖片格式化。為了使圖片和文本居中，我們需要對圖片和其包裹元素進行一定的設置。我們可以使用以下樣式：

css
img {
display: block;
margin-left: auto;
margin-right: auto;
}
p {
text-align: center;
}

在這里，我們使用了display: block將圖片變成塊級元素，這樣可以使其水平居中，同時text-align: center使其文本也居中。margin-left: auto和margin-right: auto則用于垂直居中。
完整的代碼如下所示：

html
<p>這是一張圖片：</p>
<pre>
img {
display: block;
margin-left: auto;
margin-right: auto;
}
p {
text-align: center;
}

在實際應用中，你可能需要對代碼稍作修改以達到更好的效果。例如，可以設置圖片的寬度和高度，并使用vertical-align屬性來控制其垂直位置。總之，通過 CSS 插入圖片并實現文字居中并不難，只要掌握了一些基本的排版技巧即可。