消除LI列表前的黑点

原创 2016年06月02日 12:51:29
.div {
 text-decoration: none;
 list-style:none;
 width: 228px;
 left: 10px;
 top: 0px;
 font-family: "宋体";
 font-size: 12px;
 line-height: 20px;
}
 .divul {list-style:none;}//消除列表前的黑点

1. 找到相关CSS文件,在.ul 和.li 部分添加:

list-style: none;

或:

list-style-type: none;

2. 在页面<head>部分添加:

<style type="text/css">
list-style: none;
</style>

3. 在HTML标签中添加:

<ul style="list-style-type: none>
  <li><a herf="#">CSDN</a>
  </li>
< /ul>

以上三种方式分别为外联式,嵌入式,以及内联式,优先级由低到高,按需选择。


除了实心圆点,list-style-type还有其他样式:

none不使用项目符号  
disc实心圆,默认值  
circle空心圆  
square实心方块  
decimal阿拉伯数字  
lower-roman小写罗马数字  
upper-roman大写罗马数字  
lower-alpha小写英文字母  
upper-alpha大写英文字母  

选择所需效果,替换上文的none即可。


版权声明:本文为博主原创文章,未经博主允许不得转载。

如何在Html的CSS中去除<li>标签前面小黑点

div是很多人做网站都会用到的,但在显示效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,然而我们可以用以下方法来清除。     1、在CSS中写入代码。找到相关性的CSS...
  • u012219723
  • u012219723
  • 2013年09月25日 23:18
  • 1021

消除LI列表前的黑点

.div {  text-decoration: none;  list-style:none;  width: 228px;  left: 10px;  top: 0px;  font-family...
  • haibo0668
  • haibo0668
  • 2016年06月02日 12:51
  • 259

Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法

对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS,在。.li...
  • business122
  • business122
  • 2012年09月13日 09:44
  • 152009

list-style-type 去除li 前面的标记(小黑点)

list-style-type 设置标记的样式(或者隐藏标记) ul { list-style...
  • Fanbin168
  • Fanbin168
  • 2014年07月16日 11:48
  • 2896

html中ul li前面小黑点样式 ul li一些样式

对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS,在。.li和...
  • fay462298322
  • fay462298322
  • 2016年08月10日 08:54
  • 20436

内建标题样式前面的小黑点,如下:如何去掉呢?

其实前面的小黑点和后面的像回车符的标记都是word的段落标记。在正在打印的时候并不会打印出来。前面的小黑点表示“与下段同页”和“段中不分页”,可在段落中设置。 去掉这两项的勾选即可去掉讨厌的小黑...
  • u012015956
  • u012015956
  • 2015年01月03日 23:05
  • 1453

批量/去掉office 2010 Word中标题前的黑点

去掉单个标题前的小黑点 批量去掉整篇文章标题前的小黑点
  • u014096024
  • u014096024
  • 2016年08月05日 09:49
  • 555

如何去掉ul和li前面的小黑点

做网站的时候经常会遇到如上图所示的小圆点,难看不说,还容易影响布局,下面就介绍几种消除小圆点的方法: 1. 找到相关CSS文件,在.ul 和.li 部分添加: list-style: none; 或:...
  • YetnumSun
  • YetnumSun
  • 2017年02月06日 10:53
  • 3111

HTML去除li标签圆点

方法一: 百度 雅虎 新浪 谷歌 方法二: li {list-style-type:none;} 百度 雅虎 ...
  • CSDNones
  • CSDNones
  • 2016年09月26日 19:55
  • 545

<a>标签去掉下划线,ul去前面的点。

a{text-decoration:none; } li{list-style-type:none; }
  • etx2002
  • etx2002
  • 2016年04月01日 14:40
  • 2428
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:消除LI列表前的黑点
举报原因:
原因补充:

(最多只允许输入30个字)