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

Posted 2020-10-19 chvias

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

 

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:[email protected]" target="_blank">[email protected]
                     </a>
               </li>

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