在網頁設計中，CSS是控制網頁樣式的重要工具。其中涉及到圖片的大小和位置的設置，下面將詳細介紹。 CSS圖片大小 設置圖片的大小是通過改變其寬度和高度的屬性值來實現的。例如，要將圖片的寬度設置為200像素，高度設置為100像素，代碼可以寫成：

img {
width: 200px;
height: 100px;
}

此外，還可以使用一個屬性來同時設置圖片的寬度和高度：

img {
width: 200px;
height: auto;
}

這個例子中，我們將圖片的寬度設為200像素，將高度設置為自適應。這樣可以讓圖片在保持其比例的同時適應其容器的寬度。 CSS圖片位置 在網頁設計中，有時候需要將圖片放置在指定的位置。這可以通過設置圖片的位置屬性來實現。下面是一些常用的屬性： 1. position：用于設置元素的定位方式。常用的值有relative（相對定位）和absolute（絕對定位）。 2. top：用于設置元素距離其父元素頂部的距離。 3. left：用于設置元素距離其父元素左側的距離。 例如，要將圖片置于容器的右上角，可以這樣寫：

img {
position: absolute;
top: 0;
right: 0;
}

這樣，圖片的頂部將與容器的頂部對齊，右側將與容器的右側對齊。 總結 CSS的圖片大小和位置設置是網頁設計中的重要內容。通過使用寬度、高度、position、top和left等屬性，我們可以輕松地控制圖片的尺寸和位置。