CSS li去除點的方法
CSS li是HTML中用于創建列表元素的子元素列表項的標記。有時，創建列表時，需要使用點號來分隔不同的列表項，但這可能會影響樣式的美觀性和可讀性。因此，我們需要使用CSS來去除點號。
下面是一種去除HTML li元素中點號的方法：
1. 使用HTML中的絕對定位
可以使用HTML中的絕對定位來將li元素定位到它們應該放置的位置，然后使用CSS中的：before和：after偽元素來刪除li元素中的點號。
例如，以下代碼將創建一個包含三個li元素的列表，其中每個li元素都被絕對定位到它們的適當位置：
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
在上面的代碼中，可以使用：
position: relative;
:before,
:after {
content: "";
position: absolute;
top: 50%;
left: 15px;
width: 0;
height: 0;
border-left: 75px solid transparent;
border-right: 75px solid transparent;
border-bottom: 90px solid green;
:before {
left: 0;
transform: rotate(-45deg);
:after {
left: 75px;
transform: rotate(45deg);
在上面的代碼中，使用：before和：after偽元素，它們將占據li元素中的75px寬度，并垂直居中，然后刪除li元素中的點號。
2. 使用CSS中的filter函數
可以使用CSS中的filter函數來去除li元素中的點號。filter函數允許您通過一個函數來改變圖像的外觀，而無需修改HTML代碼。
例如，以下代碼將使用filter函數來去除HTML li元素中的點號：
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
在上面的代碼中，可以使用：
position: relative;
:before,
:after {
content: "";
position: absolute;
top: 50%;
left: 15px;
width: 0;
height: 0;
border-left: 75px solid transparent;
border-right: 75px solid transparent;
border-bottom: 90px solid green;
:before {
left: 0;
transform: rotate(-45deg);
:after {
left: 75px;
transform: rotate(45deg);
li:before {
filter: filter(alpha(0));
li:after {
filter: filter(alpha(75));
在上面的代碼中，使用：before和：after偽元素，它們將占據li元素中的75px寬度，并垂直居中，然后使用filter函數來去除li元素中的點號。
通過使用這些方法，您可以輕松地去除HTML li元素中的點號，從而保持列表項的樣式美觀和易于閱讀。