教育开学季边框单图渐变标题

源代码

<section style="margin:10px 0px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="width:6px;height:6px;background-color:#cff3ff;"></section><section style="width:6px;height:6px;background-color:#cff3ff;"></section><section style="width:6px;height:6px;background-color:#cff3ff;"></section><section style="width:6px;height:6px;background-color:#cff3ff;"></section><section style="width:80%;height:10px;background-color:#cff3ff;"></section></section><section style="display: flex;justify-content:space-between;align-items:flex-start;"><section style="width:97%;margin-top:5px;background-image: linear-gradient(0deg, rgba(30,202,243,1), #cff3ff);color:#fff;transform: rotatez(0deg);"><section style="display: flex;align-items:flex-end;"><section style="-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;color:#f9fdff;padding:8px 4px ;"><p style="letter-spacing: 2px;"><span style="font-size: 19px;"><strong>TERM BEGINS</strong></span></p></section><section style="width:100%;"><p style="text-align: center"><img src="https://cdn.file.mixinnet.cn/htmlImg/780e412a4485310aa24cbecb86b8b8d3.png" style="display: block;" data-brush="img" data-copyrighted="4520"></p></section></section></section><section style="margin-left:5px;width:10px;height:180px;background-color:#cff3ff;"></section></section></section>

关于我们

快捷导航

联系我们

关于我们