让文本后面显示一个半高的背景，适合写文档分类标题作为美化创意；

效果如下所示：

由Quicker帮您完成的操作。可以是简单的打开文件，也可以是强大的自动化组合动作。

让您在不同的场景下用自己最喜欢的方式最快速的触发操作。

把动作私下分享给您的同事，或者分享到动作库里让更多的人使用！

自动数据同步，无论在家里还是在单位，都一样爽快！

HTML代码：

<div class="bg_text">
<text class="h6" style="font-size:20px;">什么是Quicker软件？</text>
</div>
<p class="h6">由Quicker帮您完成的操作。可以是简单的打开文件，也可以是强大的自动化组合动作。</p>
<p class="h6">让您在不同的场景下用自己最喜欢的方式最快速的触发操作。</p>
<p class="h6">把动作私下分享给您的同事，或者分享到动作库里让更多的人使用！</p>
<p class="h6">自动数据同步，无论在家里还是在单位，都一样爽快！</p>

CSS代码：

.bg_text {
position: relative;
display: inline-block;
margin-bottom: 12px;
}
.bg_text text {
margin: 0;
padding: 0;
line-height: 1; /* 重要：确保文本与容器高度一致 */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
padding-bottom: 5px; /* 调整内边距使文本稍微上移 */
padding-left: 15px; /* 调整内边距使文本稍微上移 */
}
.bg_text::after {
content: '';
position: absolute;
bottom: 0; /* 重要：将背景定位到容器底部 */
left: 0;
width: 105%;
height: 60%; /* 修改为你想要的背景高度 */
background-color: #E4F5EC; /* 修改为你想要的背景颜色 */
z-index: -1;
}