清新边框四图一大三小

源代码

<section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;box-sizing: border-box;"><section><section style="text-align: right;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: #a4c5e8;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/41e1bff4f724dd0873087d1e52dcd9f9.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img"></section></section></section></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="text-align: center;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: 100%;border-left: 3px double #a4c5e8;border-bottom-left-radius: 0px;border-bottom: 3px double #a4c5e8;border-bottom-right-radius: 0px;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/41e1bff4f724dd0873087d1e52dcd9f9.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="text-align: center;margin: 10px 0%;box-sizing: border-box;transform: translate3d(30px, 0px, 0px);-webkit-transform: translate3d(30px, 0px, 0px);-moz-transform: translate3d(30px, 0px, 0px);-ms-transform: translate3d(30px, 0px, 0px);-o-transform: translate3d(30px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;width: 70%;border-right: 3px solid #a4c5e8;border-top-right-radius: 0px;border-top: 3px double #a4c5e8;border-top-left-radius: 0px;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/41e1bff4f724dd0873087d1e52dcd9f9.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%;text-align: center;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: -1px;border-top: 3px solid #a4c5e8;border-left: 3px solid #a4c5e8;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(164, 197, 232);box-sizing: border-box;"><p style="box-sizing: border-box;"><strong style="box-sizing: border-box;">chapter 2</strong></p></section></section><section style="width: 12px;height: 12px;margin-left: auto;margin-right: -1px;border-bottom: 3px solid #a4c5e8;border-right: 3px solid #a4c5e8;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="text-align: center;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: double;border-width: 3px;border-radius: 0px;border-color: #a4c5e8;width: 50%;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/41e1bff4f724dd0873087d1e52dcd9f9.png" style="vertical-align: middle;width: 100%;box-sizing: border-box;" data-brush="img"></section></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们