當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程

時(shí)間:2024-07-12 13:34:58 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

dreamweaver cs6是很多伙伴常會(huì)使用到的一款軟件,那你曉得如何將項(xiàng)目類表前面圓點(diǎn)去除嗎?如若不了解的話,就看看下文對(duì)齊表格文字的操作步驟吧。

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程

首先我們打開dreamweaver cs6軟件

然后新建一個(gè)html文檔,添加項(xiàng)目列表代碼,并保存到合適的位置。

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程截圖

接著我們?cè)跒g覽器中預(yù)覽會(huì)看到默認(rèn)有黑色的圓點(diǎn)。

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程截圖

這時(shí)去掉這些圓點(diǎn)其實(shí)很簡(jiǎn)單,只要把li標(biāo)簽的list-style-type:none;設(shè)置成這樣就可以了。

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程截圖dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程截圖

可以寫成行內(nèi)樣式,但是比較繁瑣,我們可以單獨(dú)寫在li的樣式中。

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程截圖

最后我們預(yù)覽一下效果發(fā)現(xiàn)圓點(diǎn)都沒有了。

dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的操作教程截圖

看完了上文為你們描述的dreamweaver cs6中將項(xiàng)目類表前面圓點(diǎn)去除的具體操作步驟,你們是不是都學(xué)會(huì)了呀!