width是CSS属性之一，用于设置元素的宽度。
以下是一个width属性的例子：
HTML代码：
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
CSS代码：
.box {
width: 300px;
background-color: blue;
color: white;
padding: 10px;
}
在这个例子中，我们设置一个div元素的width属性为300px，这意味着该元素的宽度将被设置为300px。我们还设置了background-color、color和padding属性，以便为元素指定样式。
如果我们将上述代码添加到一个HTML页面中，将会显示一个带有蓝色背景的div元素，其宽度为300px。
请注意，如果未设置width属性，则元素的宽度将根据其内容自动调整，这被称为自适应宽度。
width使用实例
以下是一个使用width属性的实例：
HTML代码：
<div class="container">
<h1>Welcome to my website!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
<img src="example.jpg" alt="Example">
</div>
CSS代码：
.container {
width: 800px;
margin: 0 auto;
}h1 {
font-size: 36px;
}
p {
font-size: 18px;
line-height: 1.5;
}
img {
max-width: 100%;
height: auto;
}
在这个例子中，我们设置一个div元素的width属性为800px，以便为网站内容提供适当的宽度。我们还将margin属性设置为0 auto，以使该元素水平居中对齐。
在h1和p元素的样式中，我们分别设置了font-size和line-height属性，以提高页面的可读性。在img元素的样式中，我们将max-width属性设置为100%，以确保图片的宽度不会超过其容器元素的宽度，并将height属性设置为auto，以保持图片的纵横比。
这个实例可以用作基本的网站布局和样式，其中width属性用于确保网站的内容具有合适的宽度，并且其他样式用于提高可读性和视觉吸引力。