圆角简约背景描边文字情人节菱形标题

源代码

<sectionstyle="text-align: center;margin:10px 0px;"><section style="display:inline-block;"><section style="border-radius:50px;background-color:#fff7fa"><section style="background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaOticdjQCWwDWakF2DmtwU0FHfnIGjXdSEibVIliaFc89XUOo1GpB9ctOADnkKrTlwDXvrp9A4u4QGQ/0?wx_fmt=png); background-position: center center; background-repeat: no-repeat; background-size:85%; box-sizing: border-box;padding:6px 10px;"><section style="display: flex;justify-content: center;align-items: center;"><section><section style="border:solid 1px #ffd3df;width:10px;height:10px;background-color:#fefefe;-webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotatez(45deg); -o-transform: rotatez(45deg); transform: rotatez(45deg);"></section><section style="width:10px;height:10px;background-color:#ffd3df;-webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotatez(45deg); -o-transform: rotatez(45deg); transform: rotatez(45deg);z-index:1000;margin-top:-17px;"></section></section><section style="font-size: 18px; color: #ff5f81; letter-spacing: 2px;padding:3px 20px"><p><strong>情人节标题</strong></p></section><section><section style="border:solid 1px #ffd3df;width:10px;height:10px;background-color:#fefefe;-webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotatez(45deg); -o-transform: rotatez(45deg); transform: rotatez(45deg);"></section><section style="width:10px;height:10px;background-color:#ffd3df;-webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotatez(45deg); -o-transform: rotatez(45deg); transform: rotatez(45deg);z-index:1000;margin-top:-17px;"></section></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们