田字格标题样式

美化源代码
复制源代码
源代码
<section style=" margin:10px 0%; box-sizing:border-box;"><section style="display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;"><section style="   box-sizing:border-box;"><section style="text-align:center;color:rgb(46,172,109);box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">chun</strong></p></section></section><section style=" margin-right:0%;margin-left:0%;overflow:hidden;text-align:center;transform:translate3d(0px,0px,0px); box-sizing:border-box;"><section style="width:3.2em;height:3.2em;margin:auto;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;border-width:0.1em;border-style:solid;border-color:rgb(46,172,109);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-0.1em;border-top:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:25.6px;color:rgb(90,148,86);box-sizing:border-box;"><p style="box-sizing:border-box;">春</p></section></section></section></section></section></section><section style="display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;"><section style="   box-sizing:border-box;"><section style="color:rgb(46,172,109);box-sizing:border-box;"><p style="text-align:center;box-sizing:border-box;"><strong style="box-sizing:border-box;">guang</strong></p></section></section><section style=" margin-right:0%;margin-left:0%;overflow:hidden;text-align:center; box-sizing:border-box;"><section style="width:3.2em;height:3.2em;margin:auto;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;border-width:0.1em;border-style:solid;border-color:rgb(46,172,109);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-0.1em;border-top:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:25.6px;color:rgb(90,148,86);box-sizing:border-box;"><p style="box-sizing:border-box;">光</p></section></section></section></section></section></section><section style="display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;"><section style="   box-sizing:border-box;"><section style="color:rgb(46,172,109);box-sizing:border-box;"><p style="text-align:center;box-sizing:border-box;"><strong style="box-sizing:border-box;">wu</strong></p></section></section><section style=" margin-right:0%;margin-left:0%;overflow:hidden;text-align:center; box-sizing:border-box;"><section style="width:3.2em;height:3.2em;margin:auto;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;border-width:0.1em;border-style:solid;border-color:rgb(46,172,109);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-0.1em;border-top:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:25.6px;color:rgb(90,148,86);box-sizing:border-box;"><p style="box-sizing:border-box;">无</p></section></section></section></section></section></section><section style="display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;"><section style="   box-sizing:border-box;"><section style="color:rgb(46,172,109);box-sizing:border-box;"><p style="text-align:center;box-sizing:border-box;"><strong style="box-sizing:border-box;">xian</strong></p></section></section><section style=" margin-right:0%;margin-left:0%;overflow:hidden;text-align:center; box-sizing:border-box;"><section style="width:3.2em;height:3.2em;margin:auto;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;border-width:0.1em;border-style:solid;border-color:rgb(46,172,109);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-0.1em;border-top:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:25.6px;color:rgb(90,148,86);box-sizing:border-box;"><p style="box-sizing:border-box;">限</p></section></section></section></section></section></section><section style="display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;"><section style="   box-sizing:border-box;"><section style="text-align:center;color:rgb(46,172,109);box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">hao</strong></p></section></section><section style=" margin-right:0%;margin-left:0%;overflow:hidden;text-align:center; box-sizing:border-box;"><section style="width:3.2em;height:3.2em;margin:auto;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="width:3.2em;height:3.2em;border-width:0.1em;border-style:solid;border-color:rgb(46,172,109);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:0.1em solid rgb(161,246,182);border-right:0.1em solid rgb(161,246,182);box-sizing:border-box;"></section></section><section style="width:1.7em;height:1.7em;float:left;margin:-0.1em;border-top:0.1em solid rgb(161,246,182);border-left:0.1em solid rgb(161,246,182);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:25.6px;color:rgb(90,148,86);box-sizing:border-box;"><p style="box-sizing:border-box;">好</p></section></section></section></section></section></section></section>
可视化
chun
春
guang
光
无
xian
限
hao
好
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
