您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

CSS控制ul缩进间距和去掉li点的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 一、CSS控制ul缩进间距的方法:

<style type="text/css">
ul{margin-left:-10px;}
</style>
<ul>
     <li>电脑软硬件应用网www.45it.com</li>
</ul>



二、CSS去掉li点的三种方法:

方法一:

<ul>
     <li style="list-style-type:none;">百度</li>
     <li style="list-style-type:none;">雅虎</li>
     <li style="list-style-type:none;">新浪</li>
     <li style="list-style-type:none;">谷歌</li>
</ul>



方法二:

<style type="text/css">
li{list-style-type:none;}
</style>
<ul>
     <li>百度</li>
     <li>雅虎</li>
     <li>新浪</li>
     <li>谷歌</li>
</ul>



方法三:

<style type="text/css">
.li_style{list-style-type:none;}
</style>
<ul>
     <li class="li_style">百度</li>
     <li class="li_style">雅虎</li>
     <li class="li_style">新浪</li>
     <li class="li_style">谷歌</li>
</ul>