圆形图片标题组合文艺样式

源代码

<section style="margin:5px;border:1px solid rgb(170,166,149);text-align:center;"><section style="padding:0px;text-align:center;margin:0px auto;min-height:10em;color:rgb(254,254,254);border-color:rgb(170,166,149);background-color:rgb(170,166,149);"><section style="margin:10px;display:inline-block;border-color:rgb(170,166,149);padding:5px;color:inherit;"><p style="color:inherit;"><span style="color:inherit;font-size:24px">添加标题</span></p></section></section><section style="display:inline-block;margin-top:-6em;"><section style="margin:0px auto;border-radius:50%;color:inherit;padding:0px;margin:0 auto;height:12em !important;width:12em !important;"><section style="overflow:hidden;width:100%;padding-bottom:100%;height:0px;background-position:50% 50%;background-size:cover;border-radius:100%"><img src="https://cdn.file.mixinnet.cn/htmlImg/aa4b54012b36da783c9e6cfb56bd9f20.png" data-brush="img"></section></section><section style="max-width:100%;margin:0.5em;text-align:center;"><section style="height:36px;display:inline-block;color:rgb(254,254,254);font-size:16px;font-weight:bold;padding:0px 10px;line-height:36px;vertical-align:top;border-color:rgb(170,166,149);box-sizing:border-box !important;background-color:rgb(170,166,149);"><span style="color:#FFFFFF">添加副标题</span></section></section><section data-style="font-size:14px;color:rgb(127,127,127);font-family:inherit;" style="text-align:justy;padding:5px 10px 15px;text-align:justify;"><p style="text-align:justify;"><span style="color:#7F7F7F;font-family:微软雅黑;font-size:14px">觅分类发布任务了，只要去任务中心做任务，就可以赚取积分啦~</span></p></section></section></section>

关于我们

快捷导航

联系我们

关于我们