CSS取消li前面的點的方法

在HTML中，列表元素通常由多個li單元格組成。有時候，我們可能會想要取消li前面的點，以便更好地控制列表的順序和樣式。下面，我們將介紹如何使用CSS來取消li前面的點。

1. 使用li偽元素

li偽元素是HTML中的基本列表元素，可以在li元素前面添加任何其他元素，如ul,li,ol等。我們可以使用li偽元素的

標簽屬性來取消li前面的點，如下所示：

```html

• Item 1
• Item 2
• Item 3

在這個例子中，我們使用

標簽屬性來將li元素前面的點取消。

2. 使用絕對定位

我們可以使用CSS的絕對定位來將li元素放置在其他元素之前，而不會取消li前面的點。例如：

```css

position: relative;

li:before {

content: "";

position: absolute;

top: 0;

left: 50%;

width: 0;

height: 0;

background-color: #f00;

border-left: 100px solid transparent;

border-right: 100px solid transparent;

border-bottom: 100px solid green;

在這個例子中，我們使用絕對定位來創建一個透明的邊，將li元素放在其他元素之前。

3. 使用filter屬性

我們可以使用CSS的filter屬性來添加一個自定義的過濾效果，從而取消li前面的點。例如：

```css

font-size: 16px;

li:before {

content: "";

position: absolute;

top: 0;

left: 50%;

width: 0;

height: 0;

background-color: #f00;

border-left: 100px solid transparent;

border-right: 100px solid transparent;

border-bottom: 100px solid green;

filter: blur(10px);

在這個例子中，我們使用filter屬性來將li元素前面的點模糊10像素。

無論我們選擇哪種方法，都可以成功地取消li前面的點，從而控制列表的順序和樣式。