网上科普有关“在CSS排版中怎样把列表前面的点去掉？”话题很是火热，小编也是针对在CSS排版中怎样把列表前面的点去掉？寻找了一些与之相关的一些信息进行分析 ，如果能碰巧解决你现在面临的问题 ，希望能够帮助到您。
1、用list-style属性就可去掉点。操作方法是首先打开html编辑器，新建一个html文档 ，里面新建一个无序列表：
2 、然后在上方引入style标签 ，在里面设置样式，这里设置一下背景色和字体方便观察效果 ，再设置li标签的list-style属性的值为none ，设置完保存打开浏览器：
3 、最后在浏览器中就可以看到效果了，此时出现的就是没有点的列表了：
用css如何去掉li前面的点
方法一：用Jquery（需要先下载jquery-1.3.2.min.js,其它版本也可以哦）
用Jquery简单一些(一句话就OK ，千万记住要引用Jquery哦,如果没有 ，去网上下一个，很方便的)
<html>
<title></title>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#ul1 li:last").css("border","none");
})
</script>
<style type="text/css">
ul,li{ margin:0; padding:0; list-style:none; }
#ul1{ width:200px;}
#ul1 li{ width:100%; height:24px; border-bottom:1px solid red;}
</style>
</head>
<body>
<ul id="ul1">
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</body>
</html>
方法二：直接写JS脚本 ，代码稍微多一点点
<html>
<title></title>
<head>
<script type="text/javascript">
window.onload = function urlborder() {
var listr = document.getElementById("ul1").getElementsByTagName('li');
for (var i = 0; i < listr.length; i++) {
if (i == listr.length - 1) {
listr[i].style.borderWidth = "0";
}
}
}
</script>
<style type="text/css">
ul,li{ margin:0; padding:0; list-style:none; }
#ul1{ width:200px;}
#ul1 li{ width:100%; height:24px; border-bottom:1px solid red;}
</style>
</head>
<body>
<ul id="ul1">
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</body>
</html>
不知道能否满足要求 ，还不行的话可以Hi我
css如何清除行上下间距？
设置li标签的list-style属性为none
如下例子
li标签在没有设置li{list-style:none;}的时候，前面是有圆点的，设置之后 ，圆点消失
<!DOCTYPE?html><html?lang="en">
<head>
<meta?charset="UTF-8"> <title>Document</title><style>
li{list-style:?none;}/*这里设置*/</style>
</head>
<body>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</body>
</html>
用 line-height:1 就可以把行高设为标准高度（也就是说字符的高度就是行的高度） ，行间距为0，当然 ，还要把pading和margin都要设为0 ，比如：
li {line-height:1; padding:0; margin:0; color:#333; font-size:15px; font-family:"Microsoft Yahei"}
如果你还是觉得行与行之间存在空隙（尤其是英文字母），你还可以把行高设为小于1的值 ，比如 line-height:0.95 ，这样行与行之间就会发生边缘重叠，把空隙完全覆盖 。
关于“在CSS排版中怎样把列表前面的点去掉？ ”这个话题的介绍 ，今天小编就给大家分享完了 ，如果对你有所帮助请保持对本站的关注！
本文来自作者[度浩宇]投稿，不代表石号立场，如若转载，请注明出处：https://s0429.com/cshi/202512-2308.html
评论列表（4条）
我是石号的签约作者“度浩宇”！
希望本篇文章《在CSS排版中怎样把列表前面的点去掉？》能对你有所帮助！
本站[石号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“在CSS排版中怎样把列表前面的点去掉？”话题很是火热，小编也是针对在CSS排版中怎样把列表前面的点去掉？寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在...