CSS - 插入图片img和背景图片

标签：插入   url   大小   背景图片   images   pos   图片   pre   add   

1. img插入图片，用的最多，比如产品展示类

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

2. 背景图片一般用于小图标背景或者超大背景图片

.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 - 插入图片img和背景图片

标签：插入   url   大小   背景图片   images   pos   图片   pre   add   

原文地址：https://www.cnblogs.com/allen2333/p/9011685.html