CSS是網頁設計中不可或缺的一部分，它能夠對網頁樣式進行簡單、有效的控制。其中，修改元素寬度也是CSS經常用到的一個屬性。下面我們一起來了解一下如何使用CSS修改元素寬度。 使用CSS修改元素寬度需要使用“width”屬性，這個屬性是用來定義元素的寬度的。我們可以使用百分比或者像素值來定義元素的寬度。例如：

p {
width: 50%;
}
div {
width: 200px;
}

以上代碼表示將段落元素的寬度設置為其父元素寬度的50%，將div元素的寬度設置為200個像素。當然，我們還可以使用min-width和max-width屬性來限制元素的最小和最大寬度。

p {
min-width: 300px;
max-width: 600px;
}

以上代碼表示，段落元素的最小寬度為300像素，最大寬度為600像素。 值得注意的是，在設計網頁時，我們需要對不同設備寬度的網頁進行適配。因此，我們可以使用媒體查詢來根據不同設備的寬度來修改元素的寬度。例如：

@media screen and (max-width: 768px) {
p {
width: 100%;
}
}

以上代碼表示，在設備寬度不超過768像素時，將段落元素的寬度設置為100%。 以上便是關于CSS修改元素寬度的簡單介紹。在實際應用中，我們還需要考慮諸如元素盒模型、浮動和定位等因素，來更好地控制元素的寬度，以達到更好的設計效果。