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

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第1张图片

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第2张图片

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第3张图片

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第4张图片

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第5张图片

Dreamweaver项目列表前面的项目符号去掉小圆点?_第6张图片

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第7张图片

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

Dreamweaver项目列表前面的项目符号去掉小圆点?_第8张图片

相关推荐:

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

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

你可能感兴趣的:(Dreamweaver项目列表前面的项目符号去掉小圆点?)