本文將介紹如何在網頁中插入一張圖，使用的工具是CSS。
在HTML中，我們可以使用![]()
標簽來插入圖片，但是只有使用CSS才能將圖片排版和樣式調整得更加美觀。
首先，在HTML文件中，我們需要在文檔頭部使用標簽導入CSS文件。其中，“style.css”為我們的CSS樣式文件。
接下來，在CSS文件中，我們可以使用background-image屬性來為某個元素添加背景圖片。例如，我們想要為整個頁面添加一張背景圖片，可以這樣寫：
body {
background-image: url("bg.jpg");
}
這里，我們將“bg.jpg”替換為我們想要使用的圖片的文件名。
如果我們想要在網頁中插入一張圖片而不是作為背景，我們可以使用![]()
標簽，并使用CSS為其添加樣式。例如，我們想要讓該圖片居中并設置寬度為50%：
img {
display: block;
margin: 0 auto;
width: 50%;
}
這里，我們使用了display和margin屬性來讓圖片居中。
最后，讓我們來看一下完整的HTML和CSS代碼：
<!DOCTYPE html> <html> <head> <title>網頁標題</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <img src="pic.jpg" alt="圖片描述"> <p>這是網頁的文本內容。</p> </body> </html>
img {
display: block;
margin: 0 auto;
width: 50%;
}以上代碼演示了如何在網頁中插入一張圖片并使用CSS為其添加樣式。通過這些簡單的代碼，我們可以輕松地將圖片和文本排版得更加美觀。