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

li标签作为html的列表标签,当其在ul中时,是无序列表,每个li标签之前均有一个粗体的圆点,那么我们应该怎样去除这种圆点呢?下面小编就来告诉大家。

操作方法

  • 01

    首先我们要打开电脑,找到已经安装好的DW软件,将其打开。

  • 02

    然后在菜单栏文件下面,选择新建—空白页—html页面,再单击创建按钮。

  • 03

    我们进入到已经创建的html页的编辑页面时,应该先将其进行保存,方便起见我们一般都保存到桌面。

  • 04

    然后我们在li-test页面的body部分插入嵌套在一个ul中的几个li标签。

  • 05

    上一步添加的是最基本的li标签,其在浏览器中的显示效果如下图所示。前面有明显的黑色圆点。

  • 06

    然后我们进入到该网页的编辑页面。在head标签中新建一个style样式。为li标签添加样式:list-style:none

  • 07

    我们再次回到浏览器中,刷新之前的页面,可以看到li标签前面的黑色圆点已经消失了。

(0)

相关推荐

  • 去掉小圆点;li标签去掉圆点

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

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

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

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

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

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

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

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

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

  • HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 操作方法 01 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> ...

  • a标签如何去掉下划线

    从设计的角度看,网页文字带下划线真心难看,以前某些新闻网站就是全部都带上下划线,看完网站首页直接晕倒在厕所,更不用看内页了,首页就已经这么纠结..这时就想着怎么去掉a标签的下划线,提高下用户体验.下面 ...

  • dedecms常用标签

    dedecms常用标签

  • html标签的嵌套规则介绍

    本文主要介绍html标签的嵌套规则介绍,本文讲解了块级元素.内嵌元素以及HTML 标签的嵌套规则等内容,需要的朋友可以参考. 操作方法 01 XHTML的标签有许多:div.ul.li.dl.dt.d ...