CSS中可以使用偽元素來實現文字前面加上圓點的效果,下面是一些示例代碼。
/* 在文字前面添加默認圓點 */ ul li::before { content: "·"; margin-right: 5px; } /* 修改圓點顏色 */ ul.custom li::before { content: "·"; margin-right: 5px; color: red; } /* 修改圓點大小及間距 */ ul.big-dots li::before { content: "·"; margin-right: 10px; font-size: 1.2em; } /* 在鏈接前面添加圓點 */ a::before { content: "·"; margin-right: 5px; } /* 在段落前面添加不同類型的圓點 */ p.first::before { content: "●"; margin-right: 5px; color: red; } p.second::before { content: "○"; margin-right: 5px; color: blue; }
通過上述代碼,可以實現不同顏色、大小和形狀的圓點,從而達到美化文本的效果。
上一篇mysql生成數據庫模型
下一篇css 文字兩邊 橫線