去掉小圆点；li标签去掉圆点

html中的<li>标签自动会带个小圆点，要如何去掉这个小圆点呢？其实简单，只需要对<li>标签设置样式 list-style: none; 就可以去掉小圆点了。
语法： li{ list-style: none;}

操作方法

  • 01

    新建一个html文件。如图：

  • 02

    在html文件创建一个<ul>和<li>标签，为了便于效果在<li>标签输入一些内容。如图：

  • 03

    保存好html文件使用浏览器打开，会发现每行内容前面都自动带了小圆点。如图：

  • 04

    回到html代码页面，在<title>标签后面输入<style>标签，然后设置<li>标签的list-style:non。 如图： 代码： <style> li{ list-style: none; } </style>

  • 05

    保存好html代码文件后使用浏览器打开，发现<li>标签前的小圆点不见了。如图：

  • 06

    页面所有代码，如有不明白可把所有代码复制到新建的html文件保存后运行即可看到效果。如图： 所有代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>li去掉前面的圆</title> <style> li{ list-style: none; } </style> </head> <body> <ul> <li>111111</li> <li>222222</li> <li>333333</li> </ul> </body> </html>

赞 (0)

相关推荐

  • 电脑怎么去掉小箭头（怎么去掉桌面快捷键的箭头）

    电脑怎么去掉小箭头（怎么去掉桌面快捷键的箭头）

    虽然微软已经宣布将在2014年停止对xp系统的技术支持,但是现阶段xp仍占有很大的市场份额,很多用户还是选择安装xp系统.许多朋友在安装完xp系统后会发现桌面快捷方式上有个小箭头(如图一),看着很不舒 ...

  • 怎样去除li标签前面的圆点

    li标签作为html的列表标签,当其在ul中时,是无序列表,每个li标签之前均有一个粗体的圆点,那么我们应该怎样去除这种圆点呢?下面小编就来告诉大家. 操作方法 01 首先我们要打开电脑,找到已经安装 ...

  • html中如何将li标签的点去掉

    html中如何将li标签的点去掉 操作方法 01 找到文件打开. 02 首先我们找到带有ul和li的标识处. 03 打开我们发现在网页中前有点. 04 接下里我们回到处理程序,找到css,或者styl ...

  • 新版手机QQ，好友名字有一个小耳朵？怎么去掉？

    当你手机上的QQ升级到最新版本后,会发现好友名字旁边会有一个小耳朵图标的,怎么将其去掉?下面我们来看一下. 操作方法 01 QQ升级到最新的8.0版本. 02 在聊天会话窗口,可以看到你的好友名字旁边 ...

  • html中去除ul,li标签的样式列表标签的点？

    本人在最近在学习网页编程知识,在学习中遇到了一个小问题,发现在使用ul li标签的时候,发现会有默认的样式在哪里.怎么去除默认的样式呢? 操作方法 01 首先来看看我们使用列表标签出现的问题. < ...

  • 怎样删除dedecms友情链接中的<li>标签

    关于织梦dedecms友情链接中的<li>标签的删除问题,dedecms使用者经常会用到.以下是这样去除dedecms友情链接中的li方法. 方法一: 01 首先,在织梦系统的文件目录中, ...

  • html中怎样让多个li标签横排显示

    HTML的li标签默认为竖向显示.下面,我们来看看html中怎样让多个li标签横排显示吧. 操作方法 01 HTML页面 使用Visual Studio软件新建出一个HTML页面,如下图所示: 02 ...

  • word输入空格时是为什么都是小圆点？怎么去掉？

    在用word编辑文档时,有时输入空格,显示的都是一个一个的小圆点,虽然打印的时候并不能打印出来,但非常不美观.其实它是格式标记,可以去到的.下面我就给大家分享一下去掉的方法. 操作方法 01 单击wo ...

  • Windows 8系统下桌面的快捷方式如何去掉小箭头

    故障现象: 快捷方式小箭头可方便的用于辨识,但是同时也会影响使用感受.于是部分朋友想要去掉它.下面就来看一下具体的操作方法. 解决方案: 1. 右击桌面,从弹出的菜单中选择"新建" ...