CSS（十六）：去除列表标签的项目符号

语法
```
 list-style: none;
```

示例

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>去掉列表标签的</title>
    <style>
        ul li, ol li {
            list-style: none;
        }
    </style>
</head>
<body>
    <ul>
        <li>面包</li>
        <li>鸡蛋</li>
        <li>火腿肠</li>
    </ul>
    <ol> 
        <li>啤酒</li>
        <li>饮料</li>
        <li>矿泉水</li>
    </ol>
    
</body>
</html>

posted @ 2022-07-22 13:44 pure3417 阅读(341) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· HTML（十一）：列表标签

· HTML（六）：图像标签

· html列表标签

· CSS基础-04-列表（有序列表、无序列表、自定义标记、移除默认标记）

· CSS列表样式

阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火，是硬核还是营销？

公告

昵称： pure3417
园龄： 3年11个月
粉丝： 31
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

pure3417

CSS（十六）：去除列表标签的项目符号

公告

搜索

积分与排名

随笔分类 (150)

个人blog网址

阅读排行榜

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>去掉列表标签的</title>
	<style>
	ul li, ol li {
	list-style: none;
	}
	</style>
	</head>
	<body>
	<ul>
	<li>面包</li>
	<li>鸡蛋</li>
	<li>火腿肠</li>
	</ul>
	<ol>
	<li>啤酒</li>
	<li>饮料</li>
	<li>矿泉水</li>
	</ol>

	</body>
	</html>