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

來源:互聯網
上載者:User

一、css控制ul縮排間距的方法:
<style type="text/css">
ul{margin-left:-10px;}
</style>
<ul>
    <li>www.111cn.net</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;">Google</li>
</ul>


方法二:
<style type="text/css">
li{list-style-type:none;}
</style>
<ul>
    <li>百度www.111cn.net</li>
    <li>雅虎</li>
    <li>新浪</li>
    <li>Google</li>
</ul>


方法三:
<style type="text/css">
.li_style{list-style-type:none;}
</style>
<ul>
    <li class="li_style">百度111cn.net</li>
    <li class="li_style">雅虎</li>
    <li class="li_style">新浪</li>
    <li class="li_style">Google</li>
</ul>

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.