去掉无序列表前默认加上的小圆点——实战练习需到的问题&解决办法mark

bo o ya ka

于 2018-01-06 11:11:00 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

文章标签： markdown java

原文链接：http://www.cnblogs.com/chivasknight/p/8213676.html

本文介绍两种方法去除HTML无序列表前的小圆点：一是通过CSS设置li标签的list-style-type为none；二是直接在HTML代码中对li标签进行相应属性设置。

需求如题，去掉无序列表前默认加上的小圆点

1.在CSS中对 li 标签设置 list-style-type:none;

.contact-list li {
    list-style-type: none;
}

2.或者直接在html上修改 li 标签， <li "list-style-type: none;">

<div class="contact-list">
        <ul>
               <li "list-style-type: none;">
                    <a href="mailto:l8knight@126.com" target="_blank">l8knight@126.com
                     </a>
               </li>

                <li "list-style-type: none;">
                     <a href="tel:13110016538" class="call">13110016538
                     </a>
                </li>
                
        </ul>
</div>