新聞中心
這篇文章將為大家詳細(xì)講解有關(guān)HTML無序列表樣式的案例分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

首先這篇文章一開始我們就開始介紹在html中是怎么把ul標(biāo)簽的點給去掉的:
大家應(yīng)該都使用過ul無序列表標(biāo)簽,ul標(biāo)簽的用法有很多,很多時候我們都可以用點來替代,這樣也感覺挺好的??捎袝r候用點替代感覺不太好用,這時候我們一般都想著如何去掉那個點,或者改成別的樣式。今天這篇文章主要說的就是如何去掉那個點的,后面我們也會說改成別的樣式去顯示。
現(xiàn)在說說如何去掉點,我們用完全的代碼實例來演示ul標(biāo)簽:
創(chuàng)新互聯(lián)建站
- 創(chuàng)新互聯(lián)建站
- 百度百科
- 騰訊課堂
這圖里面都是自定義的小圓點,很多時候用著小圓點也是可以的,但是如果我們想要去掉小圓點該怎么做呢?來看看小編是怎么實現(xiàn)的。
再給一個全部的ul標(biāo)簽代碼演示:
創(chuàng)新互聯(lián)建站
- 創(chuàng)新互聯(lián)建站
- 百度百科
- 騰訊課堂
和上一個代碼相比,這個代碼僅僅加了一個css樣式的文件,用一點css樣式,就能改變ul無序列表的樣式。有些人雖然不會css樣式,但是這么簡單的樣式只要記住就好,知道該怎么寫就能消除掉ul標(biāo)簽的默認(rèn)點就行了。
二、現(xiàn)在我們說說怎么把ul標(biāo)簽變成其它的樣式,比如,小圓點變成方正的形狀。讓我們繼續(xù)來看
在這里我們說的是ul標(biāo)簽的type的屬性,這個屬性在有序列表ol標(biāo)簽中也能用,不過屬性的值不一樣而已?,F(xiàn)在讓我們看看type標(biāo)簽在ul標(biāo)簽中的應(yīng)用吧:
這還有個ul標(biāo)簽的實例:
- 創(chuàng)新互聯(lián)建站
- 百度百科
- 騰訊課堂
看上圖,小了,但很明顯,是從原來的小圓點變成了現(xiàn)在的方正的黑點了。這就是樣式的其中之一,
如上圖,現(xiàn)在都變成空心圓了,這是用HTML ul標(biāo)簽和屬性組合而成的三種樣式(還有一種樣式是把小圓點變回來的,用的是type=“
disc”)在很多都開始用css樣式表來給標(biāo)簽設(shè)置樣式,但還是有很多人都喜歡用純html標(biāo)簽來實現(xiàn)樣式,就比如小編我,就一直用的都是HTML標(biāo)簽的樣式,很少去用css樣式,有些時候是標(biāo)簽的樣式不好用的時候我才去用css樣式來代替。
關(guān)于HTML無序列表樣式的案例分析就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
名稱欄目:HTML無序列表樣式的案例分析-創(chuàng)新互聯(lián)
分享網(wǎng)址:http://www.dlmjj.cn/article/digisi.html


咨詢
建站咨詢
