序号列表虚线边框简约正文

美化源代码
复制源代码
源代码
<section style="text-align: center;margin: 10px 0%;box-sizing: border-box;transform: translate3d(-6px, 0px, 0px);-webkit-transform: translate3d(-6px, 0px, 0px);-moz-transform: translate3d(-6px, 0px, 0px);-ms-transform: translate3d(-6px, 0px, 0px);-o-transform: translate3d(-6px, 0px, 0px);"><section style="display: inline-block;width: 95%;vertical-align: top;background-color: #f6efdc;box-sizing: border-box;"><section style="margin: -10px 0% 10px;box-sizing: border-box;transform: translate3d(10px, 0px, 0px);-webkit-transform: translate3d(10px, 0px, 0px);-moz-transform: translate3d(10px, 0px, 0px);-ms-transform: translate3d(10px, 0px, 0px);-o-transform: translate3d(10px, 0px, 0px);"><section style="display: inline-block;width: 100%;vertical-align: top;padding: 10px;background-color: #ffffff;border-style: dashed;border-width: 2px;border-radius: 3px;border-color: #2f2f2f;overflow: hidden;box-sizing: border-box;"><section style="text-align: right;box-sizing: border-box;"><section style="display: inline-block;width: 50%;vertical-align: top;box-sizing: border-box;"><section style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="width: 100%;border-bottom: 1px solid #f66868;margin-bottom: -0.8em;padding-top: 0.8em;box-sizing: border-box;"></section><section style="border-width: 1px;border-style: solid;border-color: #f66868;background-color: #f66868;width: 1.6em;height: 1.6em;line-height: 1.6em;text-align: center;color: #ffffff;margin-left: auto;border-radius: 50%;box-sizing: border-box;"><p style="box-sizing: border-box;" data-form="0">                                        01</p></section></section></section></section><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 10%;box-sizing: border-box;"><section style="text-align: left;margin: 10px 0%;box-sizing: border-box;"><section style="display: inline-block;width: 17px;height: 15px;vertical-align: top;overflow: hidden;background-image: url(/public/static/img/dian.png?id=mmbiz/Ljib4So7yuWjksesibOCJobaUTdSnJibBKESsxy6nYHFepYyRrD1xhzLBjIK6IZ3t5BAhcnlPmibaBymIiafsh3ej1g/640?wx_fmt=other);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;box-sizing: border-box;"><section style="margin-top: 13px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: center;font-size: 18px;color: #705735;box-sizing: border-box;"><p style="box-sizing: border-box;"><br/></p></section></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 90%;box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="text-align: justify;padding-right: 6px;padding-left: 6px;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;">                                        及时收听、收看或上网查阅台风预警信息，了解政府的防台行动对策。</p></section></section></section></section><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 10%;box-sizing: border-box;"><section style="text-align: left;margin: 10px 0%;box-sizing: border-box;"><section style="display: inline-block;width: 17px;height: 15px;vertical-align: top;overflow: hidden;background-image: url(/public/static/img/dian.png?id=mmbiz/Ljib4So7yuWjksesibOCJobaUTdSnJibBKESsxy6nYHFepYyRrD1xhzLBjIK6IZ3t5BAhcnlPmibaBymIiafsh3ej1g/640?wx_fmt=other);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;box-sizing: border-box;"><section style="margin-top: 13px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: center;font-size: 18px;color: #705735;box-sizing: border-box;"><p style="box-sizing: border-box;"><br/></p></section></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 90%;box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="text-align: justify;padding-right: 6px;padding-left: 6px;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;">                                        关紧门窗，紧固易被风吹动的搭建物。</p></section></section></section></section><section style="margin-right: 0%;margin-bottom: 10px;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 10%;box-sizing: border-box;"><section style="text-align: left;margin: 10px 0%;box-sizing: border-box;"><section style="display: inline-block;width: 17px;height: 15px;vertical-align: top;overflow: hidden;background-image: url(/public/static/img/dian.png?id=mmbiz/Ljib4So7yuWjksesibOCJobaUTdSnJibBKESsxy6nYHFepYyRrD1xhzLBjIK6IZ3t5BAhcnlPmibaBymIiafsh3ej1g/640?wx_fmt=other);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;box-sizing: border-box;"><section style="margin-top: 13px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: center;font-size: 18px;color: #705735;box-sizing: border-box;"><p style="box-sizing: border-box;"><br/></p></section></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 90%;box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="text-align: justify;padding-right: 6px;padding-left: 6px;box-sizing: border-box;"><p style="margin-bottom: 15px;white-space: normal;box-sizing: border-box;">                                        从危旧房屋中转移至安全处。</p></section></section></section></section></section></section></section></section>
可视化
及时收听、收看或上网查阅台风预警信息，了解政府的防台行动对策。
关紧门窗，紧固易被风吹动的搭建物。
从危旧房屋中转移至安全处。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
