Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >CSS 去除ul的li标签前面小点 list-style: none;

CSS 去除ul的li标签前面小点 list-style: none;

Devops海洋的渔夫

发布于 2019-05-31 08:34:30

发布于 2019-05-31 08:34:30

2K0

举报

文章被收录于专栏：Devops专栏Devops专栏

仅供学习，转载请注明出处

需求

在开发html的页面中，经常需要使用ul无序列表来写菜单栏目，但是由于前面的小点是不美观的，而且不同的浏览器也是不兼容的。

那么怎么办呢？

答案只有一个：去除掉。

首先写一个准备去除的页面

在浏览器展示如下：

使用css的`list-style: none;`进行去除

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019.01.26 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

CSS进阶内容——布局技巧和细节修饰

display hidden overflow visibility webkit

我们在之前的文章中已经掌握了CSS的大部分内容，但仍有一些内容我们没有涉略，这篇文章就是为了补充前面没有涉及的内容，为我们的知识做出补充并且介绍一些布局技巧

秋落雨微凉

2022/10/25

2K0

CSS进阶内容——布局技巧和细节修饰

已经好久没有学习了!!!从期末复习,到后来去做暑假工培训,好多天了!!超级难受,不过我还是有复习过的,继续继续.

y191024

2022/09/20

8000

魔法CSS（1）——消失的list-style

有时候一个简单Bug的出现，往往是由于一点知识小细节；但往往这点小细节看似简单，其背后却颇有韵味。（需求）这部分UI给换成这样的看起来相对比较简单，分析下结构：整体为无序列表，需要保留前置

keyWords

2019/03/13

1.2K0

魔法CSS（1）——消失的list-style

Web前端开发实战4：导航菜单(一)「建议收藏」

https css java 网络安全

在前面的博文中我们提到横向一级菜单，这里我们来看看导航菜单。导航菜单种类很多，但是制作原理都是大同

全栈程序员站长

2022/09/17

7030

Web前端开发实战4：导航菜单(一)「建议收藏」

利用jQuery手动实现一个轮播图

目前有很多的轮播图插件，但是有些时候需要兼容低版本浏览器的时候，很多插件就不再兼容，因此我们需要自己手动的实现轮播图的功能，下面给大家简单的介绍一下如何使用jQuery开发一个轮播图。

王小婷

2020/10/28

2.2K0

css实现导航菜单下拉效果「建议收藏」

css html https java 网络安全

效果如下图，现在什么样式也没有，我们需要对HTML进行一些样式上的调整让其看起来好看一下。

全栈程序员站长

2022/09/19

2.9K0

css实现导航菜单下拉效果「建议收藏」

CSS Input 样式美化

可以从上图看出，在点击输入input的适合，框边就显示比较粗的边框，那么怎么将这个样式取消呢？

Devops海洋的渔夫

2019/05/31

5.1K0

CSS 浮动布局，解决清除浮动的问题

html hidden overflow

1、浮动元素有左浮动(float:left)和右浮动(float:right)两种

Devops海洋的渔夫

2019/05/31

2.8K0

使用DIV+CSS进行网页布局设计【HTML节日介绍网站——二十四节气】

javascript html css jquery java

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业：【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南：【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作者: 💬历任研发工

IT司马青衫

2022/08/23

1.4K0

使用DIV+CSS进行网页布局设计【HTML节日介绍网站——二十四节气】

HTML+CSS+PS 编写京东商城首页

前面铺垫写了不少HTML、CSS、Photoshop的文章，那么本篇章就是要结合起来挑战写写京东的商城首页了。

Devops海洋的渔夫

2019/05/31

3.6K0

HTML+CSS实战(一)——导航条菜单的制作

css java https 网络安全

一、垂直导航菜单的制作 1、基本的样式清除： *{margin:0;padding:0} 2、无序列表圆点去除： ul{list-style:none} 3、下划线去除： a{text-decoration:none} 4、文本缩进标签 text-indent 不会影响总体宽度（padding会） 5、使用行高line-height可以实现文字默认居中，前提是行高和width相等。 6、需要将a标签设置为块元素，才能设高宽、hover效果代码：a{display:block}hover格式 a:hover{}//通过a：hover，可以为菜单增加交互效果。

全栈程序员站长

2022/09/15

3.1K0

HTML+CSS实战(一)——导航条菜单的制作

纯HTML CSS制作导航栏下拉菜单

https java 网络安全 html

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/140190.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/01

6.5K0

CSS规范 - 分类方法 SS文件的分类和引用顺序通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们需要把CSS文件进行分类。我们按照CSS的性质和用途，将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”，并以此顺序引用（按需求决定是否添加版本号）。公共型样式：包括了以下几个部分：“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展”、“元件和其扩展”、“功能类样式”、“皮肤类样式”。特殊型样式：当某个栏目或页面

用户1197315

2018/01/19

1.5K0

《web课程设计》用HTML CSS做一个简洁、漂亮的个人博客网站

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业：【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南：【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作者:

IT司马青衫

2022/08/10

1.2K0

能用HTML/CSS解决的问题就不要使用JS

为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮导航高亮是一种很常

用户1667431

2018/04/18

3.8K0

能用HTML/CSS解决的问题就不要使用JS

html 有序列表、无序列表、自定义列表

HTML有一个特殊元素，用于创建ordered lists（有序列表）, 或数字编号列表。有序列表以<ol>元素开始，并包含一个或多个<li>元素。例如：

Devops海洋的渔夫

2019/05/31

4.2K0

CSS 代码的书写规范、顺序

本文来自设计达人网站，Jeff 看到该文感觉非常有必要学习分享，so，转载在这里，感谢原作者——写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序位置属性(position, top, right, z-index, display, float等) 大小(width, heig

Jeff

2018/01/19

3.8K0

这30个CSS选择器，你必须熟记（下）

在上两篇文章里，《这30个CSS选择器，你必需熟记（上）》和《这30个CSS选择器，你必需熟记（中）》这两篇文章里，我们一起学习了前20个，本篇文章我们一起学习剩下的10个选择器。

前端达人

2019/11/03

7720

这30个CSS选择器，你必须熟记（下）

DarkMode(2)：深色模式解决方案——css颜色变量实现Dark Mode

暗黑模式实现，最初的设计，就是参考之前的主题模式。所谓多套主题/配色/皮肤，就是我们很常见的换肤功能。换肤简单的实现就是更换 css实现不同样式呈现不同肤色。

周陆军

2020/12/11

3.5K0

05_CSS进阶技巧

表单布局技巧浏览器 css

字体图标可以为前端工程师提供一种方便高效的图标使用方式，展示的是图标，本质属于字体。

张哥编程

2024/12/13

910

相关推荐

CSS进阶内容——布局技巧和细节修饰

更多 >

Devops海洋的渔夫0

LV.1

腾讯全栈开发工程师

作者相关精选

目录

需求

首先写一个准备去除的页面

使用css的list-style: none;进行去除

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

微信公众号在线学习平台搭建实践_《硅谷课堂》

💥开发者 MCP广场重磅上线！

精选全网热门MCP server，让你的AI更好用 🚀