css中怎么设置图片的大小

在css中，我们可以使用不同的属性来设置图片的大小。下面，让我们来一一介绍这些属性。
1. width属性
在css中，我们可以使用width属性来设置图片的宽度。例如，以下代码将图片设置为200px宽度：

 p {
        width: 200px;
    } 

2. height属性
除了width属性，我们也可以使用height属性来设置图片的高度。例如，以下代码将图片设置为150px高度：

 p {
        height: 150px;
    } 

3. max-width属性
有时候，我们想要让图片在不超过一定宽度的情况下保持原始比例。这时，我们可以使用max-width属性来实现。例如，以下代码将图片设置为最大300px宽度，但如果图片本身小于300px，则保持原始大小：

 p {
        max-width: 300px;
    } 

4. max-height属性
类似地，我们也可以使用max-height属性来实现图片在不超过一定高度的情况下保持原始比例。例如，以下代码将图片设置为最大200px高度，但如果图片本身小于200px，则保持原始大小：

 p {
        max-height: 200px;
    } 

5. background-size属性
如果我们使用图片作为背景，那么可以使用background-size属性来设置图片尺寸。例如，以下代码将背景图片设置为覆盖整个元素，并保持原始比例：

 p {
        background-image: url("image.jpg");
        background-size: contain;
        background-repeat: no-repeat;
    } 

总之，css提供了很多属性来设置图片的大小。我们可以根据需要选择合适的属性，来实现我们想要的图片效果。