The use of CSS to implement a single box, check box examples of detailed

This article mainly introduces the HTML+CSS implementation of the Single box, check box beautiful style, the need for friends can refer to the following

1. Background map

Html

<p class= "Check-wrappers" >    <span class= "C-checkbox checked" >        <input type= "Radio" Autocomplete= "Off" name= "type" style= "Display:none;" value= "1" checked= "checked" >    </span>    < Span></span></p>

Css

. cart-checkbox.checked {    background-position: -29px 0;}. C-checkbox {    display:block;    width:25px;    height:25px;    margin:0 Auto;    Background:url (/shop-cart.png) no-repeat 0 0;    background-size:60px 120px;}