WEB前端

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

位置:首页 > WEB前端 > html教程,2016-01-07
Dreamweaver每次新建醒目列表都默认添加黑色的小圆点,想用别的项目符号代替或者直接去掉,该怎么办呢?下面分享Dreamweaver项目列表前面的小圆点去
Dreamweaver每次新建醒目列表都默认添加黑色的小圆点,想用别的项目符号代替或者直接去掉,该怎么办呢?下面分享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)

TAGS:Dreamweaver

猜你喜欢

NewHot