DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved