完成后的效果如图所示
想要完成此效果，需要分成三部分，第一部分是图片和文字的页面布局，使两张图片在一行显示；
第二部分是CSS页面美化，对图片和文字的大小，位置等元素进行修缮，例如将奖杯进行隐形显
示，赢的一方再显性显示；第三部分是控制按钮对猜拳逻辑的判断。
代码奉上
<body>
<div id="top">
<div id="you">
<div>you</div>
<div class="choose">
<div><img src="img2/shitou.png"></div>
</div>
<div class="win">
<div><img src="img2/win.png" style="display: none"></div>
</div>
</div>
<div id="me">
<div>me</div>
<div class="choose">
<div><img src="img2/shitou.png"></div>
</div>
<div class="win">
<div><img src="img2/win.png" style="display: none"></div>
</div>
</div>
</div>
<div id="begin" align="center">
<button>再来一局</button>
</div>
1140
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
