这个得用Html做的
<form action="" method="get">
您喜欢的水果？<br />
<label><input name="Fruit" type="checkbox" value="0" />苹果 </label>
<label><input name="Fruit" type="checkbox" value="1" />桃子 </label>
<label><input name="Fruit" type="checkbox" value="2" />香蕉 </label>
<label><input name="Fruit" type="checkbox" value="3" />梨 </label>
</form>
拜托你还是用图片吧，CSS效果对于浏览器的兼容是一个问题。比如IE6和Firefox低版本的。或者你可能是需要日期每天变化的，所以不能用图片，我理解你的苦衷。但我不知道你对网页前端设计是否有研究，类似这样的内容文本，很多人尤其是新手往往总是追求一些花哨炫灿的效果，但这样下来的结果是，网页上每个元素都弄的很炫，五彩缤纷、花团锦簇的，这会给访问者带来极大的不适感。对于网页的浏览是具有负面效应的。
建议你学习一下网页美学，或者举个最简单的例子。耐克专门店的招牌，一个大面积的黑色上只有一个白色的对号，这样的美学才会向访问者传递一个良好的信息和用户体验。
