CSS案例 -- 美化checkbox框

　　在开发项目中，我们经常要美化checkbox框。下面是只用css实现checkbox选中美化

<div class='div-checkbox'>
    <input type="checkbox" id='handsome' />
    <label for='handsome' >我很帅</label>
</div>    

#handsome{
  display:none;          
}

.div-checkbox input + label {
    background:url(./a.png) no-repeat;
    background-size:20px 20px;
    padding-left:20px;
}

.div-checkbox input:checked + label {
      background:url(./b.png) no-repeat;
}