简约一大三小边框四图

源代码

<section style="display: inline-block;width: 100%;vertical-align: top;box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="margin: 10px 0%;box-sizing: border-box;transform: translate3d(20px, 0px, 0px);-webkit-transform: translate3d(20px, 0px, 0px);-moz-transform: translate3d(20px, 0px, 0px);-ms-transform: translate3d(20px, 0px, 0px);-o-transform: translate3d(20px, 0px, 0px);"><section style="display: inline-block;vertical-align: top;box-sizing: border-box;"><section style="width: 12px;height: 12px;margin-left: auto;margin-right: -1px;border-top: 3px solid #ef9c9c;border-right: 3px solid #ef9c9c;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"></section><section style="margin-top: -11px;margin-bottom: -11px;border-width: 1px;border-style: solid;border-color: rgb(223, 223, 223);padding: 4px;box-sizing: border-box;"><section style="border-width: 1px;border-style: solid;border-color: rgb(223, 223, 223);padding-left: 6px;padding-right: 6px;color: rgb(239, 156, 156);box-sizing: border-box;"><p style="box-sizing: border-box;"><strong style="box-sizing: border-box;">chapter 1</strong></p></section></section><section style="width: 12px;height: 12px;margin-left: -1px;border-bottom: 3px solid #ef9c9c;border-left: 3px solid #ef9c9c;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"></section></section></section></section><section><section style="box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;box-sizing: border-box;"><section><section style="margin: 10px 0%;box-sizing: border-box;transform: translate3d(20px, 0px, 0px);-webkit-transform: translate3d(20px, 0px, 0px);-moz-transform: translate3d(20px, 0px, 0px);-ms-transform: translate3d(20px, 0px, 0px);-o-transform: translate3d(20px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;width: 55%;border-style: double;border-width: 3px;border-radius: 0px;border-color: #ef9c9c;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/2e5d0c289895b8cef01f70279d5396ef.png" style="vertical-align: middle;width: 100%;box-sizing: border-box;" data-brush="img"></section></section></section></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="margin: 10px 0%;box-sizing: border-box;transform: translate3d(-20px, 0px, 0px);-webkit-transform: translate3d(-20px, 0px, 0px);-moz-transform: translate3d(-20px, 0px, 0px);-ms-transform: translate3d(-20px, 0px, 0px);-o-transform: translate3d(-20px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;border-style: solid;border-width: 3px;border-radius: 0px;border-color: #f18080;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/2e5d0c289895b8cef01f70279d5396ef.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img"></section></section></section><section><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="margin: 10px 0%;box-sizing: border-box;transform: translate3d(-20px, 0px, 0px);-webkit-transform: translate3d(-20px, 0px, 0px);-moz-transform: translate3d(-20px, 0px, 0px);-ms-transform: translate3d(-20px, 0px, 0px);-o-transform: translate3d(-20px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;border-top: 3px double #ef9c9c;border-top-left-radius: 0px;border-left: 3px double #ef9c9c;border-bottom-left-radius: 0px;width: 70%;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/2e5d0c289895b8cef01f70279d5396ef.png" style="vertical-align: middle;width: 100%;box-sizing: border-box;" data-brush="img"></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="margin: 10px 0%;box-sizing: border-box;transform: translate3d(-20px, 0px, 0px);-webkit-transform: translate3d(-20px, 0px, 0px);-moz-transform: translate3d(-20px, 0px, 0px);-ms-transform: translate3d(-20px, 0px, 0px);-o-transform: translate3d(-20px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;border-right: 3px double #ef9c9c;border-top-right-radius: 0px;border-bottom: 3px double #ef9c9c;border-bottom-right-radius: 0px;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/2e5d0c289895b8cef01f70279d5396ef.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img"></section></section></section></section></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们