HTML导航栏如何取消小圆点

 时间:2024-10-14 00:41:47

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居中最简单方法
  • 热门搜索
    法律手抄报内容 立冬手抄报 六一儿童节手抄报大全 关于夏天的手抄报 清明节的手抄报怎么画 教师节手抄报模板 国庆节手抄报图片大全简单又漂亮 推广普通话的手抄报 元宵节手抄报 一等奖 小学生四年级手抄报