<div>和<li>標簽是HTML中常用的元素，用于創建網頁的結構和布局。當我們使用這些標簽時，有時候需要去掉默認的點標記效果。本文將詳細解釋如何去掉<div>和<li>標簽默認的點標記，并給出幾個代碼案例進行說明。

在HTML中，<div>標簽是用來創建容器的，可以將內容組織成一塊。而<li>標簽是用來創建一個有序或無序列表的項目的。

在默認情況下，<li>標簽的前面會顯示一個點標記，用于表示每個列表項目。一些時候，我們可能希望去掉這個點標記以滿足特定的設計需求。可以通過CSS樣式來實現去掉點標記的效果。

下面是幾個案例來詳細說明如何去掉<div>和<li>標簽的點標記：

案例一：

<style>
ul {
list-style-type: none; /* 去掉無序列表的點標記 */
}
</style>
<ul>
<li>列表項目1</li>
<li>列表項目2</li>
<li>列表項目3</li>
</ul>

在這個案例中，我們使用了CSS樣式將無序列表的點標記樣式設為無。這樣在網頁中顯示無序列表時，就不會顯示點標記了。

案例二：

<style>
ul {
list-style-type: none; /* 去掉無序列表的點標記 */
}
<br>
div {
list-style-type: none; /* 去掉<div>元素的點標記 */
}
</style>
<ul>
<li>列表項目1</li>
<li>列表項目2</li>
</ul>
<div>
<li>列表項目3</li>
</div>

在這個案例中，我們除了去掉無序列表的點標記外，還去掉了<div>元素的點標記。通過對<div>元素應用相同的CSS樣式，可以使<div>元素不顯示點標記。

案例三：

<style>
ul {
list-style-type: none; /* 去掉無序列表的點標記 */
}
<br>
li:before {
content: "";
}
</style>
<ul>
<li>列表項目1</li>
<li>列表項目2</li>
</ul>

在這個案例中，通過使用CSS偽元素:before來設置<li>元素的內容為空。這樣可以使<li>元素不顯示任何內容，包括默認的點標記。

通過上述案例，我們可以看到如何去掉<div>和<li>標簽的默認點標記。根據實際需求和具體情況，選擇合適的方法來實現去掉點標記的效果。