去掉<li>默认的标点

最新推荐文章于 2023-10-16 07:52:44 发布

github@niexia

最新推荐文章于 2023-10-16 07:52:44 发布

阅读量1.8k

点赞数 1

分类专栏： CSS 文章标签： li标点

本文链接：https://blog.csdn.net/niexia_/article/details/77720592

版权

本文介绍了两种方法去除HTML列表`

`元素的默认标点符号：通过设置`list-style-type:none;`样式，以及使用CSS全局清除`padding`。还提到了一种隐蔽的方法，即设置`*{margin:0; padding:0;}`来消除默认的内外边距。

摘要由CSDN通过智能技术生成

1.list-style-type:none；

div.SubCategoryBox ul{
    list-style-type: none;//就是这句
}
div.SubCategoryBox ul li{
    display: block;
    float: left;
    width: 200px;
    line-height: 20px;
}

2.padding=0；

*{
margin:0;
padding: 0;//这个方法很隐蔽，默认的标点占空间但是不属于内容！！！
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌列表</title>
    <!--<link rel="stylesheet" href="css/案例研究-某网站品牌列表的效果.css" type="text/css">-->
    <style>
        *{
            margin:0;
            /*padding: 0;*//*没有注释的时候对应下图*/
        }
        body{
            font-size:12px;
            text-align: center;
        }
        a{
            color: #F4D<

最低0.47元/天解锁文章

github@niexia

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
去掉<li>默认的标点

1.list-style-type:none；div.SubCategoryBox ul{ list-style-type: none;//就是这句}div.SubCategoryBox ul li{ display: block; float: left; width: 200px; line-height: 20px;}2.padding=0；*{
复制链接

扫一扫

专栏目录