CSS-设置列表样式

最新推荐文章于 2023-10-10 19:09:22 发布

娃娃救葫芦爷

最新推荐文章于 2023-10-10 19:09:22 发布

阅读量932

点赞数

分类专栏： CSS基础

本文链接：https://blog.csdn.net/cc098818/article/details/99409865

版权

1、设置列表的符号


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置列表的符号</title>
<style type="text/css">
	ul,ol{
		list-style-type: square;
	}
</style>
</head>
<body>
<ul>
	<li>主页</li>
	<li>我的博客</li>
	<li>我的相册</li>
	<li>留言</li>
	<li>关于我</li>
</ul>

<ol>
	<li>主页</li>
	<li style="list-style-type: circle;">我的博客</li>
	<li>我的相册</li>
	<li>留言</li>
	<li style="list-style-type: none;">关于我</li>
</ol>
</body>
</html>

运行结果：
在这里插入图片描述
2、设置列表图片符号


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

娃娃救葫芦爷

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS-设置列表样式

1、设置列表的符号<!DOCTYPE html><html><head><meta charset="UTF-8"><title>设置列表的符号</title><style type="text/css"> ul,ol{ list-style-type: square; }</styl...
复制链接

扫一扫