HTML圖片和CSS是網頁制作中非常重要的兩個部分，HTML圖片可以使網頁豐富多彩，吸引更多的瀏覽者，而CSS則可以使網頁更加美觀，易于閱讀。

HTML圖片的添加方法非常簡單，只需要在HTML代碼中使用標簽即可。例如：

<img src="example.jpg" alt="example" width="500" height="300">

在上述代碼中，src屬性指定圖片的文件路徑，alt屬性為圖片添加了一個等效的文本描述，可以使網頁更加無障礙。width和height屬性則指定圖片的寬度和高度。

CSS可以為網頁設置樣式，包括文本樣式和布局樣式。在CSS中，可以使用background-image屬性為網頁添加背景圖片。例如：

body {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
}

在上述代碼中，background-image屬性指定了背景圖片的文件路徑，background-repeat屬性指定不重復平鋪，background-size屬性則指定圖片自適應尺寸。

除了背景圖片，CSS還可以對標簽中的圖片進行樣式設置。例如：

img {
border: 2px solid black;
border-radius: 5px;
box-shadow: 2px 2px 2px grey;
}

在上述代碼中，border屬性為圖片添加了一個細黑邊框，border-radius屬性則將圖片的角變為圓角，box-shadow屬性為圖片添加了一個灰色陰影。

綜上所述，HTML圖片和CSS可以為網頁添加豐富的樣式和布局效果，讓網頁更加美觀、易于閱讀。