在 CSS（層疊樣式表）中，您可以使用width和height屬性來設定網頁上元素的尺寸。以下是如何使用它們的簡要說明：

寬度屬性：

width屬性用於設定元素的寬度。您可以使用各種單位指定寬度，例如像素 ( px )、百分比 ( % )、em 單位 ( em ) 等。

使用像素的範例：

 CSS
 div {
  width: 200px;
}

使用百分比的範例：

 CSS
 div {
  width: 50%;
}

高度屬性：

height屬性用於設定元素的高度。與width屬性一樣，您可以使用不同的單位來指定高度。

使用像素的範例：

 CSS
 div {
  height: 150px;
}

使用百分比的範例：

 CSS
 div {
  height: 75%;
}

同時使用寬度和高度的範例：

您也可以同時設定元素的寬度和高度屬性。

 CSS
 div {
  width: 300px;
  height: 200px;
}

自動值：

您也可以將auto值用作width和height ，讓瀏覽器根據內容自動計算大小。

 CSS
 div {
  width: auto;
  height: auto;
}

最小和最大寬度/高度：

您可以使用min-width 、 max-width 、 min-height和max-height屬性來設定寬度和高度的最小值和最大值。

 CSS
 div {
  min-width: 100px;
  max-width: 500px;
  min-height: 50px;
  max-height: 300px;
}

這些屬性可讓您控制網頁上元素的大小，從而創建適合您需求的佈局和設計。請記住根據您的設計要求和元素內的內容調整這些值。