白露三色渐变圆圈二维码

美化源代码

复制源代码

源代码
<section style="background-image:linear-gradient(180deg, #fefefe, #fdfaf6,#f2f9fb);padding:1px;margin:10px 0px;"><section style="display:flex;justify-content:center;align-items:center;margin:15px 15px 0px;"><section style="width:40%;"><section style="width:120px;margin:auto;"><img src="http://open.dowcdn.cnd.mixinnet.cn/fenlei/2024-08-17-66c061ee9ea85.jpg" style="display:block;width:100%;" data-qr="1"></section></section><section style="display:flex;width:50%;"><section style="width:45%;"><section style="    width:45px;margin:AUTO;"><section style="background-image:linear-gradient(180deg, #8dc9e2, #6bacc9);padding:2px;display:inline-block;border-radius:50%;"><section style="border:solid 1px #fefefe;padding:1px;border-radius:50%;"><section style="font-size:16px;color:#fefefe;margin:6px 8px 6px;line-height:20px;"><p>白</p></section></section></section><section style="background-image:linear-gradient(180deg, #8dc9e2, #6bacc9);padding:2px;display:inline-block;border-radius:50%;margin-top:6px;"><section style="border:solid 1px #fefefe;padding:1px;border-radius:50%;"><section style="font-size:16px;color:#fefefe;margin:6px 8px 6px;line-height:20px;"><p>露</p></section></section></section></section></section><section style="width:55%;"><section style="    writing-mode:lr-tb;font-size:14px;letter-spacing:2px;line-height:1.75;margin:0 auto;height:85px;writing-mode:vertical-lr;"><p>露从今夜白</p><p>秋风至此凉</p></section></section></section></section><section style="    width:65px;transform:rotateZ(-30deg);margin-left:auto;margin-bottom:10px;margin-right:-15px;margin-top:-19px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/c45a38c1db25041cfd25f3c61b5d0497.png" style="display:block;width:100%;"></section></section>

可视化

白

露

露从今夜白

秋风至此凉

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统