Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 CSS控制ul缩进间距和去掉li点的方法

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

发布时间:2020-05-15   编辑:www.jquerycn.cn
jquery中文网为您提供CSS控制ul缩进间距和去掉li点的方法等资源,欢迎您收藏本站,我们将为您提供最新的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>

 

您可能感兴趣的文章:
CSS控制ul缩进间距和去掉li点的方法
css控制字间距和字母间距
CSS入门
css中去除inline-block元素间间距多种方法分享
CSS实用教程二
学习从实践开始之jQuery插件开发 菜单插件开发
css中负Margin你不知道的秘密
使用javascript中canvas实现拼图小游戏
JavaScript基于时间的动画算法
jquery 动态菜单的实现代码分享

[关闭]