消除LI列表前的黑点

.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即可。


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/haibo0668/article/details/51565833
个人分类: HTML/CSS
上一篇横排
下一篇系统打了补丁后,IIS装不了的解决…
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭