Menu
CoddyTech

无序列表样式

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

我们来去掉无序列表的项目符号,并将图标水平对齐。 

challenge icon

挑战

简单

导航类 .navigation ul 中的目标无序列表:

  1. 将 display 设置为 flex。
  2. 将 justify-content 设置为 space-around。
  3. 将 list-style 设置为 none。

亲手试试

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

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

自己练习: Web 在线编辑器