序号长标题线框边框圆图上下图文左右竖版大暑二十四节气

源代码

<section style="text-align: center; margin-top: 10px; margin-bottom: 10px;"><section style="border-bottom:solid 1px #b7bbbd;padding:0px 7px 7px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="width:40px;height:40px;background-color:#91afca;border-radius:50%;color:#fff;font-size:18px;line-height:40px;"><section style="color: #fff; font-size: 18px;transform: rotatez(0deg);"><p style="text-align: center;"><strong>01</strong></p></section></section><section style="border-top:solid 1px #b7bbbd;"><section style="color:#6f777a;font-size:18px;letter-spacing:2px;margin-left:10px;margin-top:10px;"><p><strong>今日大暑 万物荣华</strong></p></section></section></section></section><section style="width:18px;margin-left:auto;margin-right:20px;margin-top:-6px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/717fcf34a744651365dfc4c1fd234c59.png" style="display:block;width:100%;"></section><section style="display: flex;justify-content:center;align-items:center;margin:14px 0px 0px;"><section style="border-radius: 100%;display:inline-block;transform: rotatez(0deg);"><section style="width:180px; height: 180px; border-radius: 100%; overflow: hidden;"><section style="width:180px;height:180px;"><img style="display: block; width: 100%; height: auto;" src="https://cdn.file.mixinnet.cn/htmlImg/567cd07b795e9923f0c2daa04bfad0ea.png" alt="" data-brush="img" data-copyrighted="5901"></section></section></section><section><section style="writing-mode: vertical-rl;font-size: 16px;letter-spacing:6px;color:#6f777a;margin-top:-30px;margin-left:20px;margin-right:20px;"><p style="text-align: left;">                        营养平衡</p><p style="text-align: left;">                        多食清暑食物</p><p style="text-align: left;">                        忌贪凉饮冷</p></section><section style="width:80px;height:60px;background-color:#f2f8fc;margin-top:-50px;margin-left:auto;"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们