01.<html>
02.<head>
03. <title>Checkbox</title>
04. <style>
05. input[type=checkbox] {
06. display:none;
07. }
08.
09.
10. input[type=checkbox]:checked + label
11. {
12. background: url(cc.jpg) no-repeat;
13. height: 50px;
14. width: 50px;
15. display:inline-block;
16. padding: 0 0 0 0px;
17. }
18.
19. input[type=checkbox] + label
20. {
21. background: url(c.jpg) no-repeat;
22. height: 50px;
23. width: 50px;
24. display:inline-block;
25. padding: 0 0 0 0px;
26. }
27.
28.
29.
30. </style>
31.</head>
32.
33.<body>
34.
35.<p>
36. <input type='checkbox' name='seat1' value='1' id="seat1" checked/><label for="seat1"></label>
37.
38. <input type='checkbox' name='seat2' value='0' id="seat2" /><label for="seat2"></label>
39.
40. <input type='checkbox' name='seat3' value='0' id="seat3" /><label for="seat3"></label>
41.
42. <input type='checkbox' name='seat4' value='0' id="seat4" checked /><label for="seat4"></label>
43.
44. <input type='checkbox' name='seat5' value='0' id="seat5" checked /><label for="seat5"></label>
45.
46. <input type='checkbox' name='seat6' value='0' id="seat6" /><label for="seat6"></label>
47.
48. <input type='checkbox' name='seat7' value='0' id="seat7" /><label for="seat7"></label>
49.
50.</p>
51.
52.</body>
53.</html>
