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

dreamweaver cs6中將項目類表前面圓點去除的操作教程

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

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

dreamweaver cs6中將項目類表前面圓點去除的操作教程

dreamweaver cs6中將項目類表前面圓點去除的操作教程

首先我們打開dreamweaver cs6軟件

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

dreamweaver cs6中將項目類表前面圓點去除的操作教程截圖

接著我們在瀏覽器中預(yù)覽會看到默認(rèn)有黑色的圓點。

dreamweaver cs6中將項目類表前面圓點去除的操作教程截圖

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

dreamweaver cs6中將項目類表前面圓點去除的操作教程截圖dreamweaver cs6中將項目類表前面圓點去除的操作教程截圖

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

dreamweaver cs6中將項目類表前面圓點去除的操作教程截圖

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

dreamweaver cs6中將項目類表前面圓點去除的操作教程截圖

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