CSS-Insert Picture img and background image

1. IMG Insert image, use the most, such as Product display class

.section img {          width: 200px;/* 插入图片更改大小 width 和 height */        height: 210px;        margin-top: 30px;  /* 插入图片更改位置 可以用margin 或padding  盒模型 */        margin-left: 50px; /* 插入当图片也是一个盒子 */    }

2. Background images are generally used for small background images or large backgrounds

.aside {        width: 400px;        height: 400px;        border: 1px solid purple;        background: #fff url(images/sun.jpg) no-repeat;            background-size: 200px 210px; /*  背景图片更改大小只能用 background-size */        background-position: 30px 50px; /* 背景图片更该位置 用 background-position */    }

CSS-Insert Picture img and background image