在HTML里如何改变图片大小 具体操作步骤


在HTML里如何改变图片大小 具体操作步骤

文章插图
在HTML里如何改变图片大小 具体操作步骤 (1)、通过css引入的图片,可以通过background-szie属性调整图片大小,background-size的语法如下,可以通过length,percentage,cover及contain四个之中的任一个来调整整改尺寸 。
(2)、将length设置为500px auto;同时添加background-repeat属性,其值为no-repeat 。注意:如果不加background-repeat:no-repeat属性,则图像会重复显示 。
【在HTML里如何改变图片大小 具体操作步骤】(3)、将percentage设置为50% auto 。注意:高度设置为auto后,图片会根据具体宽度等比例调整高度,图片不会变形 。