龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

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

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
css教程控制ul缩进间距和去掉li点的方法 一、css控制ul缩进间距的方法: style type=text/css ul{margin-left:-10px;} /style ul liwww.111cn.net/li /ul 二、css去掉li点的三种方法: 方法一: ul li style=list-

css教程控制ul缩进间距和去掉li点的方法
一、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;">谷歌</li>
</ul>


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


精彩图集

赞助商链接