无序列表样式
Coddy 底部导航栏:HTML/CSS 项目 课程的第 10 课,共 12 课。
我们来去掉无序列表的项目符号,并将图标水平对齐。
挑战
简单导航类 .navigation ul 中的目标无序列表:
- 将 display 设置为
flex。 - 将 justify-content 设置为
space-around。 - 将 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 在线编辑器