简约边框四图样式

美化源代码
复制源代码
源代码
<section style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="display: inline-block;width: 100%;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);padding: 10px;background-color: rgb(255, 255, 255);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: bottom;width: 50%;padding: 2px;border-style: none;border-width: 1px;border-radius: 0px;border-color: rgb(255, 102, 102);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 100%;box-sizing: border-box;"><section style="width: 2.5em;height: 2.5em;margin-bottom: -2.5em;border-left: 2px dotted rgb(255, 204, 153);border-top: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section><section style="padding: 8px;box-sizing: border-box;"><section style="width: 100%;background-color: rgb(254, 255, 255);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/3604453f633bf318378660240a7794e4.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="4282"></section></section></section><section style="box-sizing: border-box;"><section style="font-size: 14px;letter-spacing: 2px;line-height: 2;color: rgb(255, 102, 102);box-sizing: border-box;"><p style="clear: none;box-sizing: border-box;text-align: center;">                                        中庭地白树栖鸦</p></section></section></section><section style="width: 2.5em;height: 2.5em;float: right;margin-top: -2.5em;border-right: 2px dotted rgb(255, 204, 153);border-bottom: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section></section></section></section><section style="display: inline-block;vertical-align: bottom;width: 50%;padding: 2px;border-width: 0px;box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 100%;box-sizing: border-box;"><section style="width: 2.5em;height: 2.5em;margin-bottom: -2.5em;float: right;border-right: 2px dotted rgb(255, 204, 153);border-top: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section><section style="padding: 8px;box-sizing: border-box;"><section style="width: 100%;background-color: rgb(254, 255, 255);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/9576be6164adfa0822909e3938c2fd29.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="3241"></section></section></section><section style="box-sizing: border-box;"><section style="font-size: 14px;letter-spacing: 2px;line-height: 2;color: rgb(255, 102, 102);box-sizing: border-box;"><p style="clear: none;box-sizing: border-box;text-align: center;">                                        冷露无声湿桂花</p></section></section></section></section><section style="width: 2.5em;height: 2.5em;margin-top: -2.5em;border-left: 2px dotted rgb(255, 204, 153);border-bottom: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section></section></section></section><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 50%;padding: 2px;border-style: none;border-width: 1px;border-radius: 0px;border-color: rgb(255, 211, 196);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 100%;box-sizing: border-box;"><section style="width: 2.5em;height: 2.5em;margin-bottom: -2.5em;float: right;border-right: 2px dotted rgb(255, 204, 153);border-top: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section><section style="padding: 8px;box-sizing: border-box;"><section style="width: 100%;background-color: rgb(254, 255, 255);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/4d0d4356e7abb8d33e92497d1af9ea78.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="3221"></section></section><section style="box-sizing: border-box;"><section style="font-size: 14px;letter-spacing: 2px;line-height: 2;color: rgb(255, 102, 102);box-sizing: border-box;"><p style="clear: none;box-sizing: border-box;text-align: center;">                                            今夜月明人尽望</p></section></section></section></section><section style="width: 2.5em;height: 2.5em;margin-top: -2.5em;border-left: 2px dotted rgb(255, 204, 153);border-bottom: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 50%;padding: 2px;border-width: 0px;box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 100%;box-sizing: border-box;"><section style="width: 2.5em;height: 2.5em;margin-bottom: -2.5em;border-left: 2px dotted rgb(255, 204, 153);border-top: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section><section style="padding: 8px;box-sizing: border-box;"><section style="width: 100%;background-color: rgb(254, 255, 255);box-sizing: border-box;"><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/eaf6c12c15d859d9d682aa0d212b6646.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="3186"></section></section><section style="box-sizing: border-box;"><section style="font-size: 14px;letter-spacing: 2px;line-height: 2;color: rgb(255, 102, 102);box-sizing: border-box;"><p style="clear: none;box-sizing: border-box;text-align: center;">                                            不知秋思落谁家</p></section></section></section></section><section style="width: 2.5em;height: 2.5em;float: right;margin-top: -2.5em;border-right: 2px dotted rgb(255, 204, 153);border-bottom: 2px dotted rgb(255, 204, 153);box-sizing: border-box;"></section></section></section></section></section></section></section>
可视化
中庭地白树栖鸦
冷露无声湿桂花
今夜月明人尽望
不知秋思落谁家
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
