css去掉li点、修改ul缩进间距的方法

发布时间:2020-01-23编辑:脚本学堂
本文介绍下,使用css样式表去掉li前面的点,以及修改ul缩进间距的三种方法,有需要的朋友参考下。

本节内容:
css去掉li点、修改ul缩进间距

一、CSS修改ul缩进间距的方法:
 

复制代码 代码示例:
<style type="text/css">
ul{margin-left:-10px;}
</style>
<ul>
    <li>脚本学堂-www.jb200.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>

您可能感兴趣的文章:
css去掉li的点 实现ul、li的横向排列
css li去掉点的方法示例
css样式去掉li的点的方法(list-style-type语法)
详解CSS中px和em属性的特点与区别
详细解析DIV+CSS布局的十八条优点
ul li去点、变色、改成图片
如何去掉ul,li前面的点
如何去掉li前面的点