日韩av在线中文,亚洲污视频在线观看,亚洲日本黄色片

導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立...

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

在工作中，我們經常會用到列表，列表又分為有序列表和無序列表，無序列表在頁面中會顯示實心圓點，有序列表會顯示序號，但是，有時候我們不要它，覺得是多余的，不需要列表前面的點和序號顯示出來，那可以去除列表樣式嗎？怎么去掉li前面的點呢？接下里，舉例并且用代碼和圖片進行講解。

看這個例子，我用無序列表寫了古代四大美女的名字，看看沒有去除列表樣式時，是什么效果。

<ul>
   <li>西施</li>
   <li>王昭君</li>
   <li>貂蟬</li>
   <li>楊玉環</li>   
  </ul>

效果圖：

現在，我不需要列表前面的點點，應該如何去除呢？

接下來介紹幾種去除列表前面小圓點的方法。

1、在CSS中寫上 list-style:none；通過這個屬性，可以去除列表樣式

 ul{list-style: none;}

效果圖：

2、在CSS中加上 list-style-type: none ；和上一種方式一樣，只是用了不同的屬性。

ul{list-style-type: none;}

3、在 li 標簽里面直接加入列表樣式，前面兩個給了樣式去除圓點，后面兩個沒給，還會顯示出來。

<ul>
   <li style="list-style-type: none;">西施</li>
   <li style="list-style-type: none;">王昭君</li>
   <li>貂蟬</li>
   <li>楊玉環</li>   
  </ul>

效果圖：

4、當然，也可以給標簽一個類名，在CSS中給樣式，比如下列代碼，只給第一個 li 標簽樣式，它自然就沒有前面的圓點了。

HTML部分：

<ul>
   <li class="a1">西施</li>
   <li>王昭君</li>
   <li>貂蟬</li>
   <li>楊玉環</li>   
  </ul>

CSS部分：

.a1{list-style-type: none;}

效果圖：

總結：以上介紹了CSS中如何去除列表樣式，四種方法都可以使用，看個人習慣了，希望這個如何去除 li 前面的點的教程可以幫助到你！

以上就是HTML的列表樣式可以去除嗎？怎么去掉li前面的小黑點的詳細內容，更多請關注php中文網其它相關文章！

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:雨林木風下載站 > 網頁設計教程 > 詳細頁面