Horse

by Kate Mokhova

HTML

<dihttp://jsfiddle.net/mokhova/mcP7Z/#updatev>
		<table border="1px">
			<tr>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
			</tr>
			
			<tr>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
			</tr>
			
			<tr>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
				<td><label><input type="checkbox" name="cust" value="1"><span></span></label></td>
			</tr>
		</table>
	</div>

CSS

table{
	border-collapse: collapse;
	position: center;
	margin: auto;
	
}

label{
		width: 50px;
		height: 50px;
		display: block;
		position: relative;
		cursor: pointer;
	}
	
	input{
		visibility: hidden;
	}

	input + span{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	input:checked + span{
		background: url(https://cdn3.iconfinder.com/data/icons/baby-toys/80/Baby_icons-05-16.png) no-repeat 50%;
	}