萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS控制ul縮進間距和去掉li點的方法

CSS控制ul縮進間距和去掉li點的方法

 一、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>
copyright © 萬盛學電腦網 all rights reserved