CSS中的width屬性常用于控制 HTML元素的寬度，可以設置為一個具體的像素數值或者百分比。

使用具體像素數值時，可以直接設置元素的寬度，例如:

div {
width: 500px;
}

上述代碼會將div元素的寬度設置為500像素。

如果希望元素寬度根據頁面窗口大小變化而變化，可以使用百分比設置，例如:

div {
width: 50%;
}

上述代碼會將div元素的寬度設置為頁面寬度的一半。

除了直接設置數值，也可以使用加減號來控制元素寬度的變化，例如:

div {
width: 50%;
}
/*增加10%的寬度*/
div:hover {
width: calc(50% + 10%);
}
/*減少10%的寬度*/
div:active {
width: calc(50% - 10%);
}

上述代碼會在鼠標懸停或鼠標點擊時，分別將div元素的寬度增加或減少10%。

CSS中的width屬性還可以與其他屬性結合使用，例如:

div {
box-sizing: border-box;
width: 50%;
padding: 20px;
border: 1px solid black;
}
/*增加10%的寬度*/
div:hover {
width: calc(50% + 10%);
}

上述代碼會將div元素的盒模型改為border-box模式，在計算寬度時包括元素的邊框和內邊距，當鼠標懸停時，將元素的寬度增加10%。