Menu
CoddyTech

添加图标

Coddy 底部导航栏:HTML/CSS 项目 课程的第 6 课,共 12 课。

challenge icon

挑战

简单

在每个列表标签 <li> 中添加相应的图标,

  1. 在 Home 列表中添加:

    <i class="fa-solid fa-house"></i> 
  2. 在 User 列表中添加:

    <i class="fa-solid fa-user"></i> 
  3. 在 Dashboard 列表中添加:

    <i class="fa-solid fa-rocket"></i>
  4. 在 Chats 列表中添加:

    <i class="fa-solid fa-people-group"></i>
  5. 在 Cart 列表中添加:

    <i class="fa-solid fa-cart-shopping"></i>

亲手试试

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

底部导航栏:HTML/CSS 项目中的所有课

自己练习: Web 在线编辑器