杂志风边框底色圆角图文

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="background-color:#f6f6f6;padding:20px 15px;"><section style="text-align:center;"><section style="display:inline-block;background-color:#656e96;padding:5px 10px;border-radius:20px;"><section style="display:flex;justify-content:center;align-items:center;"><section style="width:4px;height:4px;background-color:#fefefe;border-radius:50%;"></section><section style="font-size:16px;letter-spacing:2px;color:#fefefe;margin:0px 12px;transform:skewX(-8deg);"><p><strong>简约杂志</strong></p></section><section style="width:4px;height:4px;background-color:#fefefe;border-radius:50%;"></section></section></section></section><section style="width:55%;margin:22px auto;border:solid 5px #fefefe;"><img src="https://cdn.file.mixinnet.cn/htmlImg/14a3c13fb960df82bcbf7932dfa6ee24.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="10129" _src="https://cdn.file.mixinnet.cn/htmlImg/14a3c13fb960df82bcbf7932dfa6ee24.png"></section><section style="font-size:14px;letter-spacing:2px;line-height:1.75;text-align:center;"><p>人这一生无非是忙碌</p><p>让所谓的条条框框把你牢牢锁住</p><p>为什么不听听内心的声音</p></section><section style="border:solid 1px #000;display:flex;justify-content:center;align-items:center;margin-top:15px;"><section style="width:33%;"><section style="text-align:center;font-size:16px;letter-spacing:1px;transform:skewX(-8deg);"><p>BRAVE</p></section></section><section style="width:33%;border:solid 1px #000;padding:3px 0;border-top:none;border-bottom:none;"><section style="text-align:center;font-size:16px;letter-spacing:1px;transform:skewX(-8deg);"><p>STRIVE</p></section></section><section style="width:33%;"><section style="text-align:center;font-size:16px;letter-spacing:1px;transform:skewX(-8deg);"><p>POSITIVE</p></section></section></section></section></section>

可视化

简约杂志

人这一生无非是忙碌

让所谓的条条框框把你牢牢锁住

为什么不听听内心的声音

BRAVE

STRIVE

POSITIVE

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统