元素设置背景图片

• 背景图片 background属性

background-color 背景颜色
background-image: url('i3.png') 图片
background-size 图片大小
background-repeat 平铺方式
background-position 图片位置

• 例子

 /*图标样式*/
       .iconMenu{
           width: 55px;
           height: 50px; 
           display: inline-block;
           position: relative;
           background-color:transparent;
           background-repeat: no-repeat;
           background-size:20px 20px;
           background-position: 42% 20%; 
           padding-left: 5px;
           cursor: default;
           border-right: 1px solid #D2D2D2;
       }
       /*图标菜单文字*/
       .iconSpan{
           position: absolute;
           top: 32px;
           font-size: 11px;
       }
       p:hover {
           background-color: #17D3C5;
           color: white;
       }
<p class='iconMenu' style="background-image: url('ico/i3.png');" title="黑白图片">
	<span class="iconSpan">黑白图片</span>    
</p>