通过引用css类来实现图片的添加并设置:
1、首先创建一个css文件添加一个自定义导入图片类(或者在原有的css文件中添加一个自定义要导入图片的类)
类型一:(√)
.vip { padding-top: 10px; //内边距
width:100px; //宽度
height:50px; //高度
content:url(https://www.你的网址.com/images/vip.png);//图片文件地址
}
类型二:
.vip2:before { //关于html中:before用法可自行百度
content:url(https://www.你的网址.com/images/vip.png);
}
类型三:(背景图引入和第一个差不多)
.vip3 { padding-top: 10px; //内边距
width:100px; //宽度
height:50px; //高度
background-image: url('https://www.你的网址.com/images/vip.png');//图片文件地址
}
需要注意的是,关于高度宽度这些设置需要在引入图片前面设置,如果放在后面将不起作用。(看情况)
2、如何引用这些类
在html元素标签中将class的类名写入就行,比如