在HTML中怎样去除无序列表前的小圆点?

在HTML中怎样去除无序列表前的小圆点?,第1张

方法:给li加上  list-style-type:none;这个样式就可以了。

具体步骤:

1、html中的无序列表是ul标签,这个标签本身自带属性,前面有小圆点,一个实际的效果说明下:就看到了楼上所说的圆点了。

2、去除圆点 给li设置样式 :  在style中设置: list-style-type:none 就把每个li前面的圆点去掉了。

<!DOCTYPE html>,<html>,<head>,<meta charset="utf-8">,<title>菜鸟教程(runoob.com)</title>,<style>, li{list-style-type:none},</style>,</head>,<body>

<h4>无序列表:</h4>,<ul>,<li>Tea</li>, <li>Milk</li>,</ul>,</body>,</html>

3、加上  li{list-style-type:none} 样式之后在页面上的显示效果。

带有圆点的标签我首先想到的就是li标签。多个li标签形成一个列表,然后开头都会有一个实心的黑色圆点,如果需要去掉圆点的话需加上以下样式:

li {

list-style: none

}

1、使用电脑输入法(如搜狗输入法)的“特殊符号”选择你要的圆点,然后点击它即可输入

2、使用小图片(即所设计的圆点图片),用img引入它,该img放于俩字中间,设置好行高等属性。

3、等等

望采纳!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6130959.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存