四角方块边框底色简约正文

源代码

<section style="margin:10px 0px;"><section style="display: flex;justify-content: space-between;align-items:flex-start;"><section style="display: flex;justify-content: center;align-items:flex-start;"><section><section style="width:8px;height:8px;border:solid 1px #679bac;background-color:#fefbf3;"></section><section style="width:8px;height:8px;border-right:solid 1px #679bac;border-bottom:solid 1px #679bac;background-color:#fefbf3;"></section></section><section style="width:8px;height:8px;border-right:solid 1px #679bac;border-bottom:solid 1px #679bac;background-color:#fefbf3;"></section></section><section style="display: flex;justify-content: center;align-items:flex-start;"><section style="width:8px;height:8px;border-left:solid 1px #679bac;border-bottom:solid 1px #679bac;background-color:#fefbf3;"></section><section><section style="width:8px;height:8px;border:solid 1px #679bac;background-color:#fefbf3;"></section><section style="width:8px;height:8px;border-left:solid 1px #679bac;border-bottom:solid 1px #679bac;background-color:#fefbf3;"></section></section></section></section><section style="margin-top:-16px;border:solid 1px #679bac;padding:9px;"><section style="background-color:#eef7f7;padding:20px 15px;"><section style="color:#323232;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;"><p style="text-align: center;">                        昔人已乘黄鹤去，此地空余黄鹤楼</p><p style="text-align: center;">                        黄鹤一去不复返，白云千载空悠悠</p><p style="text-align: center;">                        晴川历历汉阳树，芳草萋萋鹦鹉洲</p><p style="text-align: center;">                        日暮乡关何处是？烟波江上使人愁</p></section></section></section><section style="margin-top:-16px;"><section style="display: flex;justify-content: space-between;align-items:flex-end;"><section style="display: flex;justify-content: center;align-items:flex-end;"><section><section style="width:8px;height:8px;border-right:solid 1px #679bac;border-top:solid 1px #679bac;background-color:#fefbf3;"></section><section style="width:8px;height:8px;border:solid 1px #679bac;background-color:#fefbf3;"></section></section><section style="width:8px;height:8px;border-right:solid 1px #679bac;border-top:solid 1px #679bac;background-color:#fefbf3;"></section></section><section style="display: flex;justify-content: center;align-items:flex-end;"><section style="width:8px;height:8px;border-left:solid 1px #679bac;border-top:solid 1px #679bac;background-color:#fefbf3;"></section><section><section style="width:8px;height:8px;border-left:solid 1px #679bac;border-top:solid 1px #679bac;background-color:#fefbf3;"></section><section style="width:8px;height:8px;border:solid 1px #679bac;background-color:#fefbf3;"></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们