1.通過無序列表、有序列表可以簡單的生成帶符號的文本![帶符號的文本](https://img-blog.csdnimg.cn/9005611a7fa74d188ee071cd63fae0cf.png
具體代碼如下：

<h4>Disc 項目符號列表：</h4> <ul type="disc"><li>測試一</li><li>測試二</li><li>測試三</li><li>測試四</li> </ul> <h4>Circle 項目符號列表：</h4> <ul type="circle"><li>測試一</li><li>測試二</li><li>測試三</li><li>測試四</li> </ul> <h4>Square 項目符號列表：</h4> <ul type="square"><li>測試一</li><li>測試二</li><li>測試三</li><li>測試四</li> </ul>

如果想要去除這些圓點，可以簡單的給個去除樣式

<style>ul li{list-style: none; } </style>

具體效果如下：

2.如果想給特定的文本添加想要的原點或者可以用代碼生成的不規則圖形，則可以利用before和after來添加：

具體代碼如下：

li{ position: relative;//父元素相對定位 } li p::before{content:'';position: absolute;//絕對定位display: block;width:5px;//寬度為5pxheight:5px;//高度為5pxbackground:#000000;border-radius: 50%;//規則為圓形left:0;//位置相對固定，距離最左邊0pxtop: 15px;//位置相對固定，距離最上邊15px}

像這樣使用絕對定位記得要給父元素相對定位，這樣才能確保絕對定位層級關系，是在父元素基礎上進行絕地定位

總結

以上是生活随笔為你收集整理的如何为你的文本标签添加圆点、三角等不规则图形-保姆级教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。