对话框左右样式微信消息背景圆角短信样式对话问答

源代码

<section><section><section style="display: flex;flex-staralign-items:flex-start;"><section style="display:inline-block;line-height:20px;vertical-align:top;margin-top:0.5em;text-align:center;color:inherit;box-sizing:border-box;padding:0px;"></section><section style="display:inline-block;margin-top:1.2em;vertical-align:top;width:20px;padding-top:10px;padding-bottom:10px;color:inherit;box-sizing:border-box;"><section style="border-right-width:20px;border-left-width:0px;border-right-style:solid;border-right-color:#bdc0c1;border-left-color:#d5480b;display:inline-block;height:15px;width:15px;vertical-align:top;float:left;color:inherit;box-sizing:border-box;padding:0px;margin:0px;border-bottom-width:12px !important;border-top-style:solid !important;border-bottom-style:solid !important;border-top-color:transparent !important;border-bottom-color:transparent !important;"></section></section><section style=" width: 65%; margin-top: 0.7em; padding: 1em; border-radius: 1em; background-color: #bdc0c1; border-color: #d5480b; box-sizing: border-box;"><p style="text-align: justify; font-size: 14px;"><span style=";color:#000000;font-size: 16px;">巫师为什么要骑扫把不骑板凳呢？</span></p></section></section></section><section><section style="text-align: right; margin-top: 10px;"><section style="display: flex;justify-content:center;align-items:flex-start;"><section style=" width: 65%;"><section style="padding: 1em; border-radius: 1em; color: #ffffff; background-color: #16ab24;"><p style="text-align: left;"><span style="font-size: 16px; color: #ffffff;">因为骑扫把比骑板凳帅多了，而且遇到自己打不过还可以伪装成扫地工</span></p></section></section><section style="display:inline-block;margin-top:1.2em;vertical-align:top;width:20px;padding-top:10px;padding-bottom:10px;color:inherit;box-sizing:border-box;"><section style="border-left-width:20px;border-right-width:0px;border-left-style:solid;border-left-color:#16ab24;border-right-color:#16ab24;display:inline-block;height:15px;width:15px;vertical-align:top;float:left;color:inherit;border-bottom-width:12px !important;border-top-style:solid !important;border-bottom-style:solid !important;border-top-color:transparent !important;border-bottom-color:transparent !important;box-sizing:border-box;padding:0px;margin:0px;"></section></section><section style="display:inline-block;line-height:20px;vertical-align:top;margin-top:0.5em;text-align:center;color:inherit;box-sizing:border-box;padding:0px;"><br style="color:inherit;"/></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们