html中img标签显示图片属性写法与background差异

<img src="./images/1.jpg" alt="" width="150" height="150"/>

<img alt="" class="liuxijun"/>

.liuxijun{

border: none;
width: 150px;
height: 150px;
background: url(../images/1.jpg) no-repeat 0 0;
background-size: cover;

}

img都会有一个默认1px边框。

img标签属性写法：在标签中书写width\height\src，不留有1px边框，完整按原图比例缩放显示成150px。

background写法：在css中书写background，在留有的1px边框中，铺满设定的宽高尺寸后不一定完整显示原图的样貌。