当前位置:首页 >> 网页制作

Dreamweaver项目列表前面的项目符号去掉小圆点?

Dreamweaver 中怎么把项目列表前面的圆点去掉,可能这是很多不懂html代码的朋友的问题。下面小编就来说一下Dreamweaver 中怎么把项目列表前面的圆点去掉。

Dreamweaver项目列表前面的项目符号去掉小圆点?

1、首先我们打开Dreamweaver软件,小编这里用的是CS6版本。

Dreamweaver项目列表前面的项目符号去掉小圆点?

2、然后新建一个html文档,添加项目列表代码,并保存到合适的位置。

Dreamweaver项目列表前面的项目符号去掉小圆点?

3、在浏览器中预览会看到默认有黑色的圆点。

Dreamweaver项目列表前面的项目符号去掉小圆点?

4、去掉这些圆点其实很简单,只要把li标签的list-style-type:none;设置成这样就可以了

Dreamweaver项目列表前面的项目符号去掉小圆点?

Dreamweaver项目列表前面的项目符号去掉小圆点?

5、可以写成行内样式,但是比较繁琐,我们可以单独写在li的样式中。

Dreamweaver项目列表前面的项目符号去掉小圆点?

6、预览一下效果发现圆点都没有了。

Dreamweaver项目列表前面的项目符号去掉小圆点?

相关推荐:

Dreamweaver代码提示功能怎么开启?

dreamweaver代码怎么排版?dreamweaver代码格式化的方法