您的位置:首页 > 其它

消除LI列表前的黑点

2016-06-02 12:51 267 查看
.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即可。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: