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和背景图片
原文地址:https://www.cnblogs.com/allen2333/p/9011685.html