HTML导航栏如何取消小圆点

 时间:2026-02-12 05:15:57

1、打开dw,创建一个html文档

HTML导航栏如何取消小圆点

HTML导航栏如何取消小圆点

2、在body标签输入导航栏元素,输入

<ul>

    <li>主页</li>

    <li>日志</li>

    <li>联系</li>

    <li>关于我们</li>

    </ul>

如图所示

HTML导航栏如何取消小圆点

3、按f12预览可以文字旁边是有圆圈的

HTML导航栏如何取消小圆点

4、回到dw,在head标签输入

    <style type="text/css">

    </style>

如图所示

HTML导航栏如何取消小圆点

5、然后在style标签输入

        ul {

            list-style-type: none;

            margin: 0;

            padding: 0;

        }

如图所示

HTML导航栏如何取消小圆点

6、最后按f12预览,可以看到圆点消失了

HTML导航栏如何取消小圆点

  • html图片如何居中
  • 如何在HTML中插入图片
  • HTML代码如何去除超链接的下划线
  • HTML网页怎么设置圆角边框
  • 实现整个html居中最简单方法
  • 热门搜索
    萍乡旅游景点大全 咸宁旅游景点大全 佘山旅游攻略 哈尔滨旅游公司 旅游作文300字 成都市区旅游攻略 安徽有哪些旅游景点 福建莆田旅游 四川古镇旅游景点大全 武汉旅游网