小图圆图左右图文对话框带标题

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="display: flex;"><section style="width: 120px; height: 120px; border-width: 2px; border-style: solid; border-color: #969fe8; line-height: 110px; border-radius: 50%; overflow: hidden; text-align: center; margin-right: 10px; margin-left: 10px; box-sizing: border-box;"><img style="width: 100%;height: 100%;display: block;z-index: 1;" src="https://cdn.file.mixinnet.cn/htmlImg/e839f8313026ca0e43391cfadb41b3a0.png" data-brush="img" data-copyrighted="4438"></section><section style="width:70%;"><section style="border-style: solid; border-width: 1px; border-color: #ccdaff; display: inline-block; background-color: #969fe8;border-radius: 8px;"><section style="background-image: linear-gradient(0deg,  #969fe8 20% ,#f2f9ff 100%);padding:2px 15px;border-radius:8px;"><p style="letter-spacing: 2px;"><span style="color: #ffffff; letter-spacing: 2px;">六一儿童节快乐</span></p></section></section><section style="height:0px;transform: rotatez(0deg);margin-top:-2px;margin-left:15px;border-left-width:12px;border-left-style:solid;border-left-color:#969fe8;width:0px;border-bottom-width:12px !important;border-bottom-style:solid !important;border-bottom-color:transparent !important;"></section><section style="height:0px;margin-top:-11px;margin-left:14px;border-left-width:13px;border-left-style:solid;border-left-color:#ccdaff;width:0px;border-bottom-width:13px !important;border-bottom-style:solid !important;border-bottom-color:transparent !important;"></section><p style="letter-spacing: 2px;"><span style="font-size: 15px; letter-spacing: 2px; color: #5a69ae;">公历6月1日是儿童节。1949年11月国际民主妇女联合会为悼念1942年6月10日的利迪策惨案和全世界所有在战争中死难的儿童，保障儿童权利而设立国际儿童节。</span></p></section></section></section>

可视化

六一儿童节快乐

公历6月1日是儿童节。1949年11月国际民主妇女联合会为悼念1942年6月10日的利迪策惨案和全世界所有在战争中死难的儿童，保障儿童权利而设立国际儿童节。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统