喜报样式底色边框正文

源代码

<section style="margin:10px 0px;"><section style="background-color:#bc0203;padding:15px;"><section style="border:solid 3px #e2bf8b;background-color:#fffbf0;padding:15px;"><section style="display: flex;justify-content:center;align-items:center;"><section><section style="width: 3.2em; height: 3.3em; text-align: center;"><section style="width:3.2em;height:3.2em;border-width:1px;border-style:solid;border-color:#dc0008;overflow:hidden;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="box-sizing:border-box;"><section style="width:1.5em;height:1.5em;float:left;border-bottom:1px dashed #ffd6d7;border-right:1px dashed #ffd6d7;box-sizing:border-box;"></section><section style=" transform-origin:0px 100% 0px;-webkit-transform-origin:0px 100% 0px;-moz-transform-origin:0px 100% 0px;-o-transform-origin:0px 100% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:right;margin-right:-0.5em;box-sizing:border-box;"><section style="border-bottom:1px dashed #ffd6d7;border-left:1px dashed #ffd6d7;margin-top:-2.6em;margin-right:-0.6em;width:2.7em;height:2.6em;box-sizing:border-box;"></section></section></section><section style="box-sizing:border-box;"><section style=" transform-origin:100% 0% 0px;-webkit-transform-origin:100% 0% 0px;-moz-transform-origin:100% 0% 0px;-o-transform-origin:100% 0% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left;margin-left:-0.9em;box-sizing:border-box;"><section style="width:2.4em;height:2.3em;border-top:1px dashed #ffd6d7;border-right:1px dashed #ffd6d7;box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-1px;border-top:1px dashed #ffd6d7;border-left:1px dashed #ffd6d7;box-sizing:border-box;"></section></section></section><section style=" transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);display:inline-block;vertical-align:top;margin-top:-3.2em;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;line-height:3.2em;box-sizing:border-box;"><section style="font-size:42px;color:#bc0203;box-sizing:border-box;"><p style="box-sizing: border-box; letter-spacing: 2px;"><strong>喜</strong></p></section></section></section></section></section><section style="margin-left:10px;"><section style="width: 3.2em; height: 3.3em; text-align: center;"><section style="width:3.2em;height:3.2em;border-width:1px;border-style:solid;border-color:#dc0008;overflow:hidden;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="box-sizing:border-box;"><section style="width:1.5em;height:1.5em;float:left;border-bottom:1px dashed #ffd6d7;border-right:1px dashed #ffd6d7;box-sizing:border-box;"></section><section style=" transform-origin:0px 100% 0px;-webkit-transform-origin:0px 100% 0px;-moz-transform-origin:0px 100% 0px;-o-transform-origin:0px 100% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:right;margin-right:-0.5em;box-sizing:border-box;"><section style="border-bottom:1px dashed #ffd6d7;border-left:1px dashed #ffd6d7;margin-top:-2.6em;margin-right:-0.6em;width:2.7em;height:2.6em;box-sizing:border-box;"></section></section></section><section style="box-sizing:border-box;"><section style=" transform-origin:100% 0% 0px;-webkit-transform-origin:100% 0% 0px;-moz-transform-origin:100% 0% 0px;-o-transform-origin:100% 0% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left;margin-left:-0.9em;box-sizing:border-box;"><section style="width:2.4em;height:2.3em;border-top:1px dashed #ffd6d7;border-right:1px dashed #ffd6d7;box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-1px;border-top:1px dashed #ffd6d7;border-left:1px dashed #ffd6d7;box-sizing:border-box;"></section></section></section><section style=" transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);display:inline-block;vertical-align:top;margin-top:-3.2em;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;line-height:3.2em;box-sizing:border-box;"><section style="font-size:42px;color:#bc0203;box-sizing:border-box;"><p style="box-sizing: border-box; letter-spacing: 2px;"><strong>报</strong></p></section></section></section></section></section></section><section style="margin:10px 0px;display: flex;justify-content:center;align-items:center;"><section style="width:1em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/86be2e56b95121dda52f60a4292dcb2d.png" style="display:block;"/></section><section style="color:#ff0000;margin:0px 10px;letter-spacing:2px;font-size:20px;"><p>                        恭喜九妹小天使</p></section><section style="width:1em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/86be2e56b95121dda52f60a4292dcb2d.png" style="display:block;"/></section></section><section style="font-size:38px;color:#bc0203;box-sizing:border-box;letter-spacing: 2px;margin:10px 0px 0px;"><p style="box-sizing: border-box; text-align: center;"><strong>荣获销售冠军</strong></p></section><section style="margin:10px 0px 0px;font-size:16px;color:#e2bf8b;box-sizing:border-box;letter-spacing: 2px;"><p style="text-align: center;">                    特此喜报   以此鼓励</p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们