Menu
CoddyTech

复杂布局

Coddy HTML/CSS 挑战:第三辑 课程的第 2 课,共 5 课。

challenge icon

挑战

简单

指南:

  • 七个 div 元素
  • 绿色
  • 仅使用 flexbox
  • 间距仅使用 gap
  • 布局尺寸仅使用 flex

图片:

亲手试试

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

HTML/CSS 挑战:第三辑中的所有课

自己练习: Web 在线编辑器