首先這篇文章一開始我們就開始介紹在html中是怎么把ul標簽的點給去掉的：

大家應該都使用過ul無序列表標簽，ul標簽的用法有很多，很多時候我們都可以用點來替代，這樣也感覺挺好的。可有時候用點替代感覺不太好用，這時候我們一般都想著如何去掉那個點，或者改成別的樣式。今天這篇文章主要說的就是如何去掉那個點的，后面我們也會說改成別的樣式去顯示。(想看更多就來PHP ，這里有關于HTML學習的課程）

現在說說如何去掉點，我們用完全的代碼實例來演示ul標簽：

 !doctype html  html  head  meta charset= utf-8  title PHP  /title  /head  body  li php  /li  li 百度百科 /li  li 騰訊課堂 /li  /ul  /body  /html 

這是一個基本的ul無序列表的應用，顯示效果如下圖所示：

這圖里面都是自定義的小圓點，很多時候用著小圓點也是可以的，但是如果我們想要去掉小圓點該怎么做呢？來看看小編是怎么實現的。

再給一個全部的ul標簽代碼演示：

 !doctype html  html  head  meta charset= utf-8  title PHP  /title  style type= text/css list-style: none; /style  /head  body  li php  /li  li 百度百科 /li  li 騰訊課堂 /li  /ul  /body  /html 

和上一個代碼相比，這個代碼僅僅加了一個css樣式的文件，用一點css樣式，就能改變ul無序列表的樣式。有些人雖然不會css樣式，但是這么簡單的樣式只要記住就好，知道該怎么寫就能消除掉ul標簽的默認點就行了。

這個的效果圖如下：

是不是真的沒有小圓點了，這樣的標簽能應用與很多場合，比如適合做導航條之類的應用，說完了去掉小圓點了。

二、現在我們說說怎么把ul標簽變成其它的樣式，比如，小圓點變成方正的形狀。讓我們繼續來看

在這里我們說的是ul標簽的type的屬性，這個屬性在有序列表ol標簽中也能用，不過屬性的值不一樣而已。現在讓我們看看type標簽在ul標簽中的應用吧：

這還有個ul標簽的實例：

 ul type= square  li php  /li  li 百度百科 /li  li 騰訊課堂 /li  /ul 

上圖type=“square”這是什么意思呢？讓我們來看看效果圖：

看上圖，有點小了，但很明顯，是從原來的小圓點變成了現在的方正的黑點了。這就是樣式的其中之一，還有一個屬性值是：

type=“circle”這個的意思也很容易理解，我們還是先看一下效果圖吧：

如上圖，現在都變成空心圓了，這是用HTML ul標簽和屬性組合而成的三種樣式（還有一種樣式是把小圓點變回來的，用的是type=“

disc”）在很多都開始用css樣式表來給標簽設置樣式，但還是有很多人都喜歡用純html標簽來實現樣式，就比如小編我，就一直用的都是HTML標簽的樣式，很少去用css樣式，有些時候是標簽的樣式不好用的時候我才去用css樣式來代替。

好了以上就是本篇關于ul標簽文章的全部內容（想學更多就來PHP ，一個學編程的網站），有問題的可以在下方留言。

【小編推薦】

html5中的meta標簽的三要素是什么？meta標簽的使用總結

html select下拉框樣式怎么制作？html select樣式詳解

以上就是HTML中ul標簽如何去掉點？HTML無序列表的樣式實例解析的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。