阴影边框正文时间轴轴线对勾样式

美化源代码

复制源代码

源代码
<section style="margin:8px 5px 8px 0px;"><section style="border: 1px solid #d4d4d4; box-shadow: rgb(241, 241, 241) 3px 3px 3px; padding: 10px; text-align: center;"><section style="background-color:#1890ff;border-radius:40px;padding:3px 20px;color:#fefefe;display:inline-block;letter-spacing:2px;"><p>                标题文字</p></section><section><section style="margin: 5px 0px 0px; text-align: center;"><section style="display: flex;align-items:flex-end;"><section style="border:solid 1px #1890ff;border-radius:50%;width:28px;height:28px;padding:12px 10px;"><section style="width:2px;height:8px;background-color:#1c92ff;transform: rotatez(-34deg);-webkit-transform: rotatez(-34deg);-moz-transform: rotatez(-34deg);-ms-transform: rotatez(-34deg);-o-transform: rotatez(-34deg);"></section><section style="margin-left:5px;margin-top:-12px;width:2px;height:12px;background-color:#1c92ff;transform: rotatez(34deg);-webkit-transform: rotatez(34deg);-moz-transform: rotatez(34deg);-ms-transform: rotatez(34deg);-o-transform: rotatez(34deg);"></section></section><section style="width:93%;margin-left:8px;color:#000000;font-size:15px;letter-spacing: 2px;"><p style="text-align: left;">                            7月21日 07:53</p></section></section><section style="margin:5px 0px 0px;margin-left:13px;border-left:solid 1px #1890ff;padding:8px;"><section style="text-align: left; letter-spacing: 2px;font-size:15px;"><p>                            河南境内25条高速31个路段封闭</p></section></section></section></section><section><section style="margin: 5px 0px 0px; text-align: center;"><section style="display: flex;align-items:flex-end;"><section style="border:solid 1px #1890ff;border-radius:50%;width:28px;height:28px;padding:12px 10px;"><section style="width:2px;height:8px;background-color:#1c92ff;transform: rotatez(-34deg);-webkit-transform: rotatez(-34deg);-moz-transform: rotatez(-34deg);-ms-transform: rotatez(-34deg);-o-transform: rotatez(-34deg);"></section><section style="margin-left:5px;margin-top:-12px;width:2px;height:12px;background-color:#1c92ff;transform: rotatez(34deg);-webkit-transform: rotatez(34deg);-moz-transform: rotatez(34deg);-ms-transform: rotatez(34deg);-o-transform: rotatez(34deg);"></section></section><section style="width:93%;margin-left:8px;color:#000000;font-size:15px;letter-spacing: 2px;"><p style="text-align: left;">                            7月21日 07:53</p></section></section><section style="margin:5px 0px 0px;margin-left:13px;border-left:solid 1px #1890ff;padding:8px;"><section style="text-align: left; letter-spacing: 2px;font-size:15px;"><p>                            河南境内25条高速31个路段封闭</p></section></section></section></section></section></section>

可视化

标题文字

7月21日 07:53

河南境内25条高速31个路段封闭

7月21日 07:53

河南境内25条高速31个路段封闭

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统