1、css改变img标签显示图片大小可以通过更改img标签的height和width属性的值来改变图片的大小。
<html> <body> <img src="/i/bg_flower.webp" width="50" height="50"> <br /> <img src="/i/bg_flower.webp" width="100" height="100"> <br /> <img src="/i/bg_flower.webp" width="200" height="200"> <p>通过改变 img 标签的 "height" 和 "width" 属性的值，您可以放大或缩小图像。</p> </body> </html>
效果图：
2、css通过background-size 属性规定背景图像的尺寸。
<!DOCTYPE html>
<html>
<head>
<style>
body
{
background:url(/i/bg_flower.webp);
background-size:63px 100px;
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-repeat:no-repeat;
padding-top:80px;
}
</style>
</head>
<body>
<p>上面是缩小的背景图片。</p>
<p>原始图片：<img src="/i/bg_flower.webp" alt="Flowers"></p>
</body>
</html>效果图：
以上就是css如何改变图片大小？的详细内容，更多请关注易知道|edz.cc其它相关文章！
