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

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

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

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

具體效果如下：

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

具體代碼如下：

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

像這樣使用絕對定位記得要給父元素相對定位，這樣才能確保絕對定位層級關(guān)系，是在父元素基礎(chǔ)上進(jìn)行絕地定位

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。