用CSS操作Html背景图片

先Html代码：

  <div class="icon-item">
                <div class="Tank">
                </div>
                <span value="BondedWorkPlan/BsteelOutPlan.html">点我是链接</span>
            </div>

然后如何去改这个html区域的背景呢，上面那个”icon-item”样式是设置了一个框框，准备放图片：

     .icon-item
        {
            width: 100px;
            height: 100px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 20px;
            float: left;
            font-size: 13px;
            cursor: pointer;
            box-shadow: 2px 3px 11px 0 rgba(0,0,0,0.3);
            margin-top: 30px;
        }

于是乎最后的一个Class就是图片的链接和设置大小的啦！：

   .Tank
        {
            background: url(IndexImage/maoyichu.net.png) no-repeat 18px 15px;
            background-size:80px 80px;
            background-position:center;
        }

似不似很简单！一开始偶也觉得很难滴，木有想到会了感觉就像超神！一步步的迈向胜利！