在CSS中,我們可以使用list-style-type屬性來設置列表的標記,默認情況下,標記是實心的小圓點。但是,有時我們想要自定義小圓點的樣式,這時候就需要借助CSS的一些技巧。
ul { list-style-type: none; /* 首先,將自帶的小圓點去掉 */ } ul li:before { content: "●"; /* 接著,使用偽元素before來添加自定義的圓點 */ color: red; /* 設置圓點的顏色 */ font-size: 14px; /* 設置圓點的大小 */ margin-right: 5px; /* 設置圓點與文字之間的距離 */ }
通過這樣的方式,我們可以自定義小圓點的樣式,讓列表更加美觀和符合設計風格。
上一篇html登錄設置文字