笔记本书页样式左右双图带边框标题

美化源代码
复制源代码
源代码
<section style="text-align: center;box-sizing: border-box;"><section style="display: inline-block;vertical-align: middle;width: 48%;box-shadow: rgb(0, 0, 0) 0px 0px 0px;box-sizing: border-box;"><section><section style="text-align: right;margin: 10px 0%;box-sizing: border-box;"><section style="display: inline-block;width: 93%;vertical-align: top;background-color: rgb(255, 255, 255);padding-top: 10px;padding-bottom: 10px;box-shadow: rgb(185, 185, 185) -1.41421px 1.41421px 6px;box-sizing: border-box;"><section><section style="box-sizing: border-box;transform: translate3d(10px, 0px, 0px);-webkit-transform: translate3d(10px, 0px, 0px);-moz-transform: translate3d(10px, 0px, 0px);-ms-transform: translate3d(10px, 0px, 0px);-o-transform: translate3d(10px, 0px, 0px);"><section style="display: inline-block;width: 100%;vertical-align: top;padding-right: 25px;box-shadow: rgb(0, 0, 0) 0px 0px 0px;background-color: rgba(255, 255, 255, 0);box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="text-align: left;box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p></section></section></section><section><section style="margin-top: 10px;margin-bottom: 10px;text-align: center;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;box-sizing: border-box;"><section style="width: 2.5em;height: 2.5em;display: inline-block;vertical-align: bottom;border-left: 2px solid rgb(235, 122, 192);border-bottom: 2px solid rgb(235, 122, 192);box-sizing: border-box;"></section><section style="padding: 8px;display: inline-block;vertical-align: top;margin-right: -2.5em;margin-left: -2.5em;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 100%;background-color: rgb(235, 122, 192);box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="padding: 3px 8px;font-size: 24px;color: rgb(253, 253, 253);box-sizing: border-box;"><p style="box-sizing: border-box;">                                                                    标</p></section></section></section></section></section><section style="width: 2.5em;height: 2.5em;display: inline-block;vertical-align: top;border-right: 2px solid rgb(235, 122, 192);border-top: 2px solid rgb(235, 122, 192);box-sizing: border-box;"></section></section></section></section><section><section style="text-align: center;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/96fede2fc0b9477bedf1ac32e293f0b7.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="164"></section></section></section></section></section></section></section></section></section></section><section style="display: inline-block;vertical-align: middle;width: 48%;box-shadow: rgb(0, 0, 0) 0px 0px 0px;box-sizing: border-box;"><section><section style="text-align: left;margin: 10px 0%;box-sizing: border-box;"><section style="display: inline-block;width: 93%;vertical-align: top;background-color: rgb(255, 255, 255);padding-top: 10px;padding-bottom: 10px;box-shadow: rgb(185, 185, 185) 1.41421px 1.41421px 6px;box-sizing: border-box;"><section><section style="box-sizing: border-box;transform: translate3d(-10px, 0px, 0px);-webkit-transform: translate3d(-10px, 0px, 0px);-moz-transform: translate3d(-10px, 0px, 0px);-ms-transform: translate3d(-10px, 0px, 0px);-o-transform: translate3d(-10px, 0px, 0px);"><section style="display: inline-block;width: 100%;vertical-align: top;background-image: url(http://img.mifenlei.com/template/1599816313105977.png);background-position: 0% 10.2634%;background-repeat: repeat-y;background-size: 161.838%;background-attachment: scroll;padding-left: 25px;box-shadow: rgb(0, 0, 0) 0px 0px 0px;box-sizing: border-box;"><section><section style="margin-top: 10px;margin-bottom: 10px;text-align: center;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;box-sizing: border-box;"><section style="width: 2.5em;height: 2.5em;display: inline-block;vertical-align: bottom;border-left: 2px solid rgb(50, 98, 176);border-bottom: 2px solid rgb(50, 98, 176);box-sizing: border-box;"></section><section style="padding: 8px;display: inline-block;vertical-align: top;margin-right: -2.5em;margin-left: -2.5em;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 100%;background-color: rgb(50, 98, 176);box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="padding: 3px 8px;font-size: 24px;color: rgb(255, 255, 255);box-sizing: border-box;"><p style="box-sizing: border-box;">                                                                    题</p></section></section></section></section></section><section style="width: 2.5em;height: 2.5em;display: inline-block;vertical-align: top;border-right: 2px solid rgb(50, 98, 176);border-top: 2px solid rgb(50, 98, 176);box-sizing: border-box;"></section></section></section></section><section><section style="text-align: center;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/a400294e7199c37897645298ffc05eea.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="164"></section></section></section><section><section style="box-sizing: border-box;"><section style="box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p></section></section></section></section></section></section></section></section></section></section></section>
可视化
标
题
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
