效果预览
![](https://img-blog.csdnimg.cn/67c6af7d1b3b443cba9d9e9f1be5eab7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAwrfmhYjmgrLkuLrmgIDCtw==,size_20,color_FFFFFF,t_70,g_se,x_16)
html布局
<form name="gess">
<div>
<div>
<div class="gamer">1</div>
<div>
<div><input type="radio" value="0" name="gto" id="gto1"><label for="gto1">
<img src="石头图片">
</label></div>
<div><input type="radio" value="1" name="gto" id="gto2"><label for="gto2">
<img src="剪刀图片">
</label></div>
<div><input type="radio" value="2" name="gto" id="gto3"><label for="gto3">
<img src="布图片">
</label></div>
</div>
</div>
<div>
<div class="comp">2</div>
<div class="comgess">
<div><img src="石头"></div>
<div><img src="剪刀"></di