Html 如何在css中更改图像的大小

Html 如何在css中更改图像的大小,html,css,image,Html,Css,Image,我一直试图通过添加宽度和高度属性来使用css更改图像的大小。但是,这只会更改图片的缩放 例如,我有一个90px乘90px的图像。然而,当我改变宽度和高度时,它就像放大版的图片,而不是更小的图片 我的css是: .image-90 { horiz-align: center; width: 60px; height: 60px; background-size: 90px 90px; margin: 10px; border: 1px rgb(218

我一直试图通过添加宽度和高度属性来使用css更改图像的大小。但是,这只会更改图片的缩放

例如,我有一个90px乘90px的图像。然而,当我改变宽度和高度时,它就像放大版的图片,而不是更小的图片

我的css是:

.image-90 {
    horiz-align: center;
    width: 60px;
    height: 60px;
    background-size: 90px 90px;
    margin: 10px;
    border: 1px rgb(218, 218, 218) solid;
    background: #C4C4C4 no-repeat 0 0;
    background-image: url('/Content/images/person_noimage.png? width=90&height=90&mode=crop');
}
这是我的html(我的图像url存储在Person.AvitarImage中):


背景大小
必须在
背景
背景图像
之后声明。我不确定这是否适用于所有浏览器,但至少在Chrome和Firefox中我注意到了这一点。看


如果只设置一个值,则假定宽度和高度将自动调整,以保持背景成比例。

能否显示代码。您希望发生什么情况?更改图像的大小会使其变大或变小。你是说剪切图像吗?不,我不想剪切图像,我只想使其变小。你可以显示你的html结构。谢谢DavGarcia。这似乎就是原因
<div class="image-90" style="background-image:url-Person.AvitarImage"></div>