如何为你的文本标签添加圆点、三角等不规则图形-保姆级教程

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}

像这样使用绝对定位记得要给父元素相对定位，这样才能确保绝对定位层级关系，是在父元素基础上进行绝地定位

如何为你的文本标签添加圆点、三角等不规则图形-保姆级教程相关推荐

SpringBoot整合多数据源，动态添加新数据源并切换（保姆级教程）
前言前段时间在项目的开发过程中,遇到了需要从数据库中动态查询新的数据源信息并切换到该数据源做相应的查询操作,翻阅了网上很多资料都是简单的对多数据源的整合,并没有涉及到动态添加新数据源并切换的案例,本 ...
Qt 添加MSVC2017编译器（2022年保姆级教程，不安装完整VS）
目录 0. 前言 1. 前期准备 2. 安装 2.1 安装Qt 2.2 安装MSVC编译器和Windows 10 SDK 3. 配置 3.1 添加MSVC编译器并选择bat文件 3.2 传入脚本文件参 ...
PDF-XChange编辑器可快速添加笔记！自定义快捷键！保姆级教程！
1 软件下载 PDF-XChange 破 j 版 2 快捷键配置(保姆级步骤): 1.在空白处右键,选择 "自定义工具栏" 2.点击 "命令" 控制板 3.配置 ...
Java 保姆级教程——3.添加地图，地图根据人物移动
Java 保姆级教程--3.添加地图,地图根据人物移动注:经过上期的学习,我们学习了如何创建JFrame窗体.如何添加监听事件.根据大家给我的反馈,这一期给大家讲述:如何添加地图.地图如何根据人物移 ...
Android Studio 中为模拟器添加图片和图片路径（图文级教程）
需求:为android 模拟器添加图片,供编程测试系统:Android 11.0 模板/框架:- 环境:- 语言:Java 近来要做个发彩信的测试,本以为是很简单的过程,代码写好了,却发现模拟器中没 ...
SM2258XT添加Flash支持列表（保姆级教程，附个人经验+SM2258XT量产开卡工具）
写在前面:最近发现关于2258XT添加FlashDB文件中数据后仍然不能识别Flash情况,以及FlashDB当中有对应的Flash信息,却在开卡时无法选择对应的Flash片数据.针对以上两种情况,个 ...
关于如何在sublime text3中添加字体问题解决，保姆级教程
前几天,我看到我关注的一个博主推荐了几款适合编程的字体,于是想试一试将其加在sublime text3中.然后却发现了很多问题. 字体(.ttf)下载完该放在哪里呢?放在sublime text3的p ...
word+正则表达式==快速批量添加图注题注（保姆级图文）
步骤系列文章 1.准备工作 2.插入第一个题注 3.从一个题注到所有题注 4.善后工作总结系列文章提示:转到日常小技巧专栏,观看更多内容! 点我直达–>日常小技巧专栏这个方法是我的室友 ...
【allegro 17.4软件操作保姆级教程五】布线前准备之过孔、差分对、布线集合添加
纯css在div上添加小三角
纯css在div上添加小三角有些项目中会遇到这样的需求,就是div容器上要突出来一个小三角,如下图虽然在功能上没啥意义,但是人家UI就是要这个小三角,你能怎么办,咱必须给他整出来! 我们用伪类和b ...

如何为你的文本标签添加圆点、三角等不规则图形-保姆级教程

如何为你的文本标签添加圆点、三角等不规则图形-保姆级教程相关推荐

最新文章

热门文章