中秋节序号底色标题

源代码

<sectionstyle="text-align: center;margin: 10px 0% 30px;box-sizing: border-box;"><section style="display: inline-block;min-width: 10%;max-width: 100%;vertical-align: top;box-shadow: rgb(0, 0, 0) 0px 0px 0px;box-sizing: border-box;"><section style="text-align: left;margin-right: 0%;margin-left: 0%;box-sizing: border-box;transform: translate3d(25px, 0px, 0px);-webkit-transform: translate3d(25px, 0px, 0px);-moz-transform: translate3d(25px, 0px, 0px);-ms-transform: translate3d(25px, 0px, 0px);-o-transform: translate3d(25px, 0px, 0px);"><section style="display: inline-block;width: 40px;height: 40px;vertical-align: top;overflow: hidden;box-shadow: rgba(255, 222, 0, 0.87) 0px 0px 10px;background-image: linear-gradient(225deg, rgb(255, 241, 200) 10%, rgb(248, 216, 0) 100%);border-width: 0px;border-radius: 100%;border-style: none;border-color: rgb(62, 62, 62);box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="text-align: center;color: rgb(0, 87, 144);font-size: 22px;line-height: 2;letter-spacing: 0px;box-sizing: border-box;"><p style="box-sizing: border-box;"><span style="text-shadow: rgb(255, 255, 255) 0px 1px 1px;box-sizing: border-box;"><em style="box-sizing: border-box;"><strong style="box-sizing: border-box;" data-form="0">01</strong></em></span></p></section></section></section></section><section style="text-align: left;margin-right: 0%;margin-bottom: -40px;margin-left: 0%;box-sizing: border-box;transform: translate3d(-50px, 0px, 0px);-webkit-transform: translate3d(-50px, 0px, 0px);-moz-transform: translate3d(-50px, 0px, 0px);-ms-transform: translate3d(-50px, 0px, 0px);-o-transform: translate3d(-50px, 0px, 0px);"><section style="display: inline-block;width: 80px;height: 30px;vertical-align: top;overflow: hidden;box-sizing: border-box;"><section style="text-align: right;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;width: 70%;box-sizing: border-box;"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 106.5 32.4" style="vertical-align: middle;max-width: 100%;box-sizing: border-box;" width="100%"><g style="box-sizing: border-box;"><g style="box-sizing: border-box;"><g style="box-sizing: border-box;"><path style="box-sizing: border-box;" d="M68.2,12.2L68.2,12.2c0-2.2,1.8-4.1,4.1-4.1h14.3c2.2,0,4.1-1.8,4.1-4.1l0,0     c0-2.2-1.8-4.1-4.1-4.1H35.4c-2.2,0-4.1,1.8-4.1,4.1l0,0c0,2.2-1.8,4.1-4.1,4.1H13.1C10.8,8.1,9,9.9,9,12.2l0,0     c0,2.2,1.8,4.1,4.1,4.1h30.2c2.2,0,4.1,1.8,4.1,4.1l0,0c0,2.2-1.8,4.1-4.1,4.1H4.1c-2.2,0-4.1,1.8-4.1,4.1l0,0     c0,2.2,1.8,4.1,4.1,4.1h51.1c2.2,0,4.1-1.8,4.1-4.1l0,0c0-2.2,1.8-4.1,4.1-4.1h39.2c2.2,0,4.1-1.8,4.1-4.1l0,0     c0-2.2-1.8-4.1-4.1-4.1H72.2C70,16.2,68.2,14.4,68.2,12.2z" fill="rgb(183,225,229)"></path></g><g style="box-sizing: border-box;"><defs><path d="M68.2,12.2L68.2,12.2c0-2.2,1.8-4.1,4.1-4.1h14.3c2.2,0,4.1-1.8,4.1-4.1l0,0c0-2.2-1.8-4.1-4.1-4.1H35.4      c-2.2,0-4.1,1.8-4.1,4.1l0,0c0,2.2-1.8,4.1-4.1,4.1H13.1C10.8,8.1,9,9.9,9,12.2l0,0c0,2.2,1.8,4.1,4.1,4.1h30.2      c2.2,0,4.1,1.8,4.1,4.1l0,0c0,2.2-1.8,4.1-4.1,4.1H4.1c-2.2,0-4.1,1.8-4.1,4.1l0,0c0,2.2,1.8,4.1,4.1,4.1h51.1      c2.2,0,4.1-1.8,4.1-4.1l0,0c0-2.2,1.8-4.1,4.1-4.1h39.2c2.2,0,4.1-1.8,4.1-4.1l0,0c0-2.2-1.8-4.1-4.1-4.1H72.2      C70,16.2,68.2,14.4,68.2,12.2z" fill="rgb(183,225,229)" style="box-sizing: border-box;"></path></defs></g></g></g></svg></section></section></section></section><section style="box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;background-image: linear-gradient(to top, rgb(30, 125, 186) 0%, rgb(107, 181, 229) 100%);border-radius: 100px;border-width: 0px 0px 6px;border-style: none none solid;border-color: rgb(62, 62, 62) rgb(62, 62, 62) rgb(0, 100, 163);overflow: hidden;box-shadow: rgba(0, 100, 204, 0.721569) 0px 5px 15px;padding-right: 50px;padding-left: 50px;box-sizing: border-box;"><section style="margin: 10px 0%;box-sizing: border-box;"><section style="color: rgb(243, 243, 243);font-size: 19px;letter-spacing: 2px;line-height: 1.5;box-sizing: border-box;"><p style="box-sizing: border-box;"><span style="text-shadow: rgb(7, 104, 143) 0px 2px 1px;box-sizing: border-box;"><strong style="box-sizing: border-box;">中秋节快乐</strong></span></p></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们