给元素加背景图片常用的方式:一种是通过img添加,另一种是通过div设置background参数
1、通过img添加
<div class="aa">
<img src="images/flight_add_icon_nor.png" >
</div>
.aa{
width: 300px;
height: 100px;
margin: auto;
background: pink;
}
img{
width: 50%;
height: 50%;
}
. img的width和height用来设置图片的宽和高
2、通过div设置background参数
<div class="bb"></div>
.bb{
width: 300px;
height: 100px;
margin: 20px auto;
background:pink url("images/flight_add_icon_nor.png") no-repeat 10% 10%;
background-size:10% 10%;
}
. bb的background-size用来设置图片的宽和高