Menu
CoddyTech

外层元素

Coddy Coddy 个人资料卡克隆 | 前端项目 课程的第 3 课,共 26 课。

类的可视化和解析:

challenge icon

挑战

简单
  1. 在 body 标签内:
    1. 创建一个 class 名为 'profile-card' 的 div 标签。
    2. 在 'profile-card' 中,需要创建六个 class 名分别为以下内容的 div 标签:
      1. corners
      2. image
      3. text-data
      4. media-buttons
      5. buttons
      6. analytics
    3. 在 'buttons' 类之后,添加一个 <hr/> 标签。

亲手试试

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

Coddy 个人资料卡克隆 | 前端项目中的所有课

自己练习: Web 在线编辑器