Menu
CoddyTech

复杂布局

Coddy HTML/CSS 挑战题包 II 课程的第 2 课,共 5 课。

challenge icon

挑战

简单

要求:

  • 7 个 div 元素
  • 绿色
  • 只能使用 flex box
  • 只能使用 gap 设置间距
  • 只能使用 flex 设置布局大小

图片:

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
    </body>
</html>

HTML/CSS 挑战题包 II中的所有课

1挑战

悬停按钮复杂布局图片卡片云

自己练习: Web 在线编辑器