網(wǎng)頁中的圖片不僅可以美化頁面，還可以增加信息量。CSS和HTML可以幫助我們排版圖片。

首先，在HTML中插入圖片，可以使用img標簽。

<img src="image.jpg" alt="圖片">

在img標簽中，src屬性指定圖片路徑，alt屬性指定圖片的描述文字，用于當圖片無法顯示時提供替代信息。

接著，通過CSS對圖片進行排版樣式的設置。以下是一些樣式屬性的用法：

img {
display: block; // 設為塊級元素，占據(jù)一行
margin: auto; // 居中顯示
max-width: 100%;
height: auto; // 添加響應式設計，自適應縮放
	}

通過以上樣式屬性，可以讓圖片實現(xiàn)居中、響應式縮放等效果。

同時，還可以使用CSS實現(xiàn)圖片陰影、邊框等效果：

img {
box-shadow: 2px 2px 5px rgb(100, 100, 100); // 添加陰影效果
border: 1px solid black; // 添加邊框效果
	}

以上是CSS和HTML排版圖片的簡單例子，可以根據(jù)需求進行更加詳細的排版樣式設置。