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

文章目录

1. img插入图片，用的最多，比如产品展示类
2. 背景图片一般用于小图标背景或者超大背景图片

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 */
	}