CSS（十二）——用CSS设置列表样式

最新推荐文章于 2024-09-30 16:11:57 发布

程序员的时光

最新推荐文章于 2024-09-30 16:11:57 发布

阅读量909

点赞数

分类专栏： ● Web前端基础篇 Web前端基础文章标签： CSS 设置列表样式

本文链接：https://blog.csdn.net/qq_37084904/article/details/88576715

版权

Web前端基础同时被 2 个专栏收录

14 篇文章 11 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

● Web前端基础篇

33 篇文章 3 订阅

订阅专栏

本文介绍了如何使用CSS来定制列表的符号，包括设置列表项符号的类型和使用图片作为符号。此外，还展示了如何创建简单的导航菜单，包括竖向和横向两种布局方式，帮助读者掌握CSS在页面布局中的应用。

摘要由CSDN通过智能技术生成

1.设置列表的符号

2.设置列表图片符号

3.创建简单导航菜单

1.设置列表的符号

首先看两个默认的列表符号；

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 无序列表 -->
<ul>
	<li>主页</li>
	<li>我的博客</li>
	<li>我的相册</li>
	<li>留言</li>
	<li>关于我</li>
</ul>
<!-- 有序列表 -->
<ol>
	<li>主页</li>
	<li>我的博客</li>
	<li>我的相册</li>
	<li>留言</li>
	<li>关于我</li>
</ol>
</body>
</html>

运行结果：