第一题：水果拼盘介绍： 目前CSS3中新增的Flex弹性布局已经成为前端页面的首选方案，本体可以使用Flex属性快速完成布局在浏览器中预览index.html页面效果如下：需求：建议使用flex相关属性完成css/style.css中的TODO部分。1.禁止修改圆盘的的位置和图片的大小。2.相同颜色的水果放在相同颜色的圆盘正中间（例如：苹果是红色的就放在红色的圆盘里）。完成后，效果如下：html部分代码<body> <div id=".
第一题：水果拼盘
介绍： 目前CSS3中新增的Flex弹性布局已经成为前端页面的首选方案，本体可以使用Flex属性快速完成布局
在浏览器中预览index.html页面效果如下：
需求：
建议使用flex相关属性完成css/style.css中的TODO部分。
1.禁止修改圆盘的的位置和图片的大小。
2.相同颜色的水果放在相同颜色的圆盘正中间（例如：苹果是红色的就放在红色的圆盘里）。
完成后，效果如下：
html部分代码
<body>
<div id="board">
<!-- 水果位置 -->
<div id="pond">
<!-- 苹果 -->
<div class="fruit apple">
<div class="bg animated pulse infinite"></div>
</div>
<div class="fruit apple">
<div class="
最低0.47元/天 解锁文章
3689
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
