简约卡片序号边框正文

美化源代码

复制源代码

源代码
<section style="padding: 2em 5px 5px;color: #333333;box-sizing: border-box;"><section style="margin-bottom: -3.6em;margin-left: -6px;"><section style="display: flex;justify-content: flex-start;align-items: center;"><section style="border-top-left-radius: 5px;display: inline-block;background: #20d2fc;height: 30px;padding-right: 0.5em;padding-left: 1em;letter-spacing: 1.5px;line-height: 30px;box-sizing: border-box;"><span style="font-size: 19px;" data-form="0">01</span>请输入标题</section><section style="width: 0px;height: 0px;border-top: 30px solid transparent;border-left: 20px solid #20d2fc;box-sizing: border-box;"></section><section style="width: 0px;height: 0px;border-top: 30px solid #20d2fc;border-right: 20px solid transparent;margin-left: -20px;box-sizing: border-box;"></section></section><section style="width: 0px;height: 0px;border-bottom: 6px solid transparent;border-right: 6px solid #e9ae20;box-sizing: border-box;"></section></section><section style="background: #ffffff;border-radius: 20px;padding: 0.4em;box-shadow: #d3d3d3 0px 0px 15px;box-sizing: border-box;"><section style="border-width: 1px;border-style: solid;border-color: #20d2fc;padding: 3.4em 1em 1em;border-radius: 15px;box-sizing: border-box;"><section style="text-align: center;"><section style="text-align: justify;line-height: 1.75em;letter-spacing: 1.5px;font-size: 14px;"><p>                        我没有很刻意的去想念你，因为我知道，遇到了就应该感恩，路过了就需要释怀。</p></section></section></section></section></section>

可视化

01请输入标题

我没有很刻意的去想念你，因为我知道，遇到了就应该感恩，路过了就需要释怀。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统