CSS中可以使用偽元素來添加圓點樣式,如下:
ul { list-style: none; /* 去除默認列表樣式 */ } li:before { content: "●"; /* 添加圓點樣式 */ color: #f00; /* 可自定義顏色 */ margin-right: 5px; /* 自定義間距 */ }
以上代碼將給所有的列表項添加了一個圓點標記。其中,:before
是偽元素選擇器,content
屬性用于在元素之前添加內容,而“●
”代表實心圓點。
如果想給無序列表的每個列表項添加圓點樣式,可以直接使用list-style-type: disc;
來實現,如下:
ul { list-style-type: disc; /* 列表項默認樣式為實心圓點 */ }
但這種方式不太靈活,不能自定義樣式,所以通常使用偽元素的方式添加圓點樣式。
下一篇css中如何插入注釋