在CSS中調(diào)整圖片的高度和寬度是一個(gè)常見(jiàn)的需求，可以通過(guò)設(shè)置圖片的height和width屬性來(lái)實(shí)現(xiàn)，下面是一些示例代碼，展示了如何調(diào)整圖片的高度和寬度：

示例1：固定高度和寬度

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

示例2：保持圖片原始比例

img {
  max-width: 100%;
  height: auto;
}

示例3：使用百分比設(shè)置寬度和高度

img {
  width: 50%;
  height: 50%;
}

示例4：使用vw和vh單位設(shè)置寬度和高度（視口單位）

img {
  width: 30vw;
  height: 20vh;
}

示例5：調(diào)整圖片高度和寬度以適應(yīng)容器

img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 圖片將覆蓋整個(gè)容器 */
}

示例6：調(diào)整圖片高度和寬度以適應(yīng)容器并保持比例

img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 圖片將保持原始比例并適應(yīng)容器 */
}

示例7：使用transform屬性縮放圖片

img {
  transform: scale(0.5); /* 圖片將縮小到原始尺寸的50% */
}

示例8：使用box-shadow創(chuàng)建圖片邊框并調(diào)整尺寸

img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 圖片將有一個(gè)10px寬的邊框 */
}

示例9：使用border屬性添加邊框并調(diào)整尺寸

img {
  border: 5px solid #000; /* 圖片將有一個(gè)5px寬的黑色邊框 */
}