html网页代码中，通过css类引入图片并设置

通过引用css类来实现图片的添加并设置：

1、首先创建一个css文件添加一个自定义导入图片类（或者在原有的css文件中添加一个自定义要导入图片的类）

类型一：（√）

.vip {	padding-top: 10px;	//内边距
		width：100px;	//宽度
		height：50px;	//高度
		content:url(https://www.你的网址/images/vip.png);//图片文件地址
}

类型二：

.vip2:before {	//关于html中：before用法可自行百度
				content:url(https://www.你的网址/images/vip.png);
}

类型三：(背景图引入和第一个差不多)

.vip3 {	padding-top: 10px;	//内边距
		width：100px;	//宽度
		height：50px;	//高度
		background-image: url('https://www.你的网址/images/vip.png');//图片文件地址
}

需要注意的是，关于高度宽度这些设置需要在引入图片前面设置，如果放在后面将不起作用。（看情况）

2、如何引用这些类
在html元素标签中将class的类名写入就行，比如