描边艺术字长标题边框序号编号正文

美化源代码

复制源代码

源代码
<section style="text-align:center;padding:10px 0px 10px;"><section style="font-size:22px;color:#fefefe;letter-spacing:5px;text-shadow:#ff5b20 1px 1px, #ff5b20 1px -1px, #ff5b20 -1px 1px, #ff5b20 -1px -1px, #ff5b20 0px 1.4px, #ff5b20 0px -1.4px, #ff5b20 -1.4px 0px, #ff5b20 1.4px 0px;text-align:center;"><p><strong>高温预警</strong></p></section><section style="background-color:#fefefe;display:inline-block;padding:0px 8px;"><section style="display:flex;justify-content:center;align-items:center;"><section style="background-color:#ff5e23;border-radius:50%;width:30px;height:30px;line-height:30px;color:#fff;font-size:16px;box-sizing:border-box;"><p>防</p></section><section style="margin-left:5px;"><section style="background-color:#ff5e23;border-radius:50%;width:30px;height:30px;line-height:30px;color:#fff;font-size:16px;box-sizing:border-box;"><p>暑</p></section></section><section style="margin-left:5px;"><section style="background-color:#ff5e23;border-radius:50%;width:30px;height:30px;line-height:30px;color:#fff;font-size:16px;box-sizing:border-box;"><p>小</p></section></section><section style="margin-left:5px;"><section style="background-color:#ff5e23;border-radius:50%;width:30px;height:30px;line-height:30px;color:#fff;font-size:16px;box-sizing:border-box;"><p>知</p></section></section><section style="margin-left:5px;"><section style="background-color:#ff5e23;border-radius:50%;width:30px;height:30px;line-height:30px;color:#fff;font-size:16px;box-sizing:border-box;"><p>识</p></section></section></section></section><section style="border-top:1px solid #ff5b20;border-bottom:1px solid #ff5b20;margin-top:-18px;padding:10px 10px 20px;width:100%;"><section style="margin:15px 0px 0px;"><section style="display:flex;;align-items:flex-start;"><section style="width:31px;height:31px;background-color:#ff9520;border-radius:50%;line-height:31px;color:#fff;text-align:center;"><p data-form="0">01</p></section><section style="width:90%;margin-left:12px;margin-top:3px;"><section style="color:#424242;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform:rotatez(0deg);"><p>打遮阳伞，戴遮阳帽、太阳镜，涂抹防晒霜，准备充足的饮料。</p></section></section></section></section><section style="margin:15px 0px 0px;border-top:dashed 1px #ff5b20;padding:15px 0px 0px;"><section style="display:flex;;align-items:flex-start;"><section style="width:31px;height:31px;background-color:#ff9520;border-radius:50%;line-height:31px;color:#fff;text-align:center;"><p data-form="0">02</p></section><section style="width:90%;margin-left:12px;margin-top:3px;"><section style="color:#424242;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform:rotatez(0deg);"><p>在高温天气下，不论运动量大小都要增加液体的摄入，不要等到觉得口渴时再饮水。</p></section></section></section></section></section></section>

可视化

高温预警

防

暑

小

知

识

打遮阳伞，戴遮阳帽、太阳镜，涂抹防晒霜，准备充足的饮料。

在高温天气下，不论运动量大小都要增加液体的摄入，不要等到觉得口渴时再饮水。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统