首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
清新文艺边框左右图文
美化源代码
复制源代码
源代码
<section style="font-size: 15px;margin: 10px 0%;box-sizing: border-box;"><section style="display: inline-block;width: 100%;vertical-align: top;border-style: solid;border-width: 1px;border-radius: 10px;border-color: rgb(162, 207, 232);box-sizing: border-box;"><section><section style="margin: 10px 0%;font-size: 14px;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;width: 38.2%;box-sizing: border-box;"><section><section style="margin-top: 0.5em;margin-bottom: 0.5em;box-sizing: border-box;transform: translate3d(40px, 0px, 0px);"><section style="background-color: rgb(191, 214, 244);height: 3px;box-sizing: border-box;"></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="display: inline-block;vertical-align: top;width: 50%;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="color: rgb(236, 107, 107);letter-spacing: 2px;box-sizing: border-box;"><p style="display: inline-block;width: 1em;float: right;clear: none;box-sizing: border-box;"><strong style="box-sizing: border-box;">小醉今宵 听夜雨</strong></p><p style="font-size: 0px;line-height: 0;min-height: 0px;box-sizing: border-box;"><br></p></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="margin-top: -130px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;transform: translate3d(10px, 0px, 0px);"><section style="color: rgb(236, 107, 107);box-sizing: border-box;"><p style="display: inline-block;width: 1em;float: right;clear: none;box-sizing: border-box;"><strong style="box-sizing: border-box;">不问明朝 路迢迢</strong></p><p style="font-size: 0px;line-height: 0;min-height: 0px;box-sizing: border-box;"><br></p></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-top: 10px;margin-bottom: 10px;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="max-width: 100%;vertical-align: middle;display: inline-block;width: 50%;overflow: hidden !important;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/07ecf68a3cd311763f3f0b58a9fd3818.png" style="vertical-align: middle;box-sizing: border-box;width: 100%;"></section></section></section></section></section></section><section><section style="margin: 7px 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="background-color: rgb(162, 207, 232);height: 2px;box-sizing: border-box;"></section></section></section><section><section style="margin-right: 0%;margin-bottom: 7px;margin-left: 0%;box-sizing: border-box;transform: translate3d(30px, 0px, 0px);"><section style="background-color: rgba(236, 39, 31, 0.298039);height: 3px;box-sizing: border-box;"></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 61.8%;border-width: 1px;padding: 10px;border-style: double;border-radius: 10px;border-color: rgba(236, 39, 31, 0.298039);box-sizing: border-box;"><section><section style="box-sizing: border-box;"></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/73b7a08923cfee3cdc8a5554e1f6c925.png" data-brush="img" data-copyrighted="72"></section></section></section></section></section></section></section></section>
可视化
小醉今宵 听夜雨
不问明朝 路迢迢
