尖角边框卡片标题内容

源代码

<section style="text-align:center;"><span style="display:inline-block;width:2px;height:20px;vertical-align:bottom;margin-bottom:-20px;margin-right:-25px;color:#ffffff;background:#b1d4c3;"></span><span style="display: inline-block;height: 30px;line-height: 30px;font-size: 20px;color: rgb(255, 255, 255);padding-right: 25px;padding-left: 25px;border-radius: 15px;background: rgb(177, 212, 195);">标题</span><span style="display:inline-block;width:2px;height:20px;vertical-align:bottom;margin-bottom:-20px;margin-left:-25px;color:#ffffff;background:#b1d4c3;"></span></section><section style="height:2px;margin-top:18px;color:#ffffff;background:#b1d4c3;"></section><section style="margin-top: -8px;overflow: hidden;"><span style="display:inline-block;vertical-align:top;height:20px;font-size:16px;overflow:hidden;color:#b1d4c3;">▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼</span></section><section style="display:flex;margin:10px 10px 15px;font-size:14px;color:#424242;"><section style="width:100%;"><p style="letter-spacing:2px;">            你穿过世事朝我走来 迈出的每一步都留下了一座空城 这时，一支从来世射出的毒箭命定了我 唯一的退路 --仓央嘉措</p></section></section><section style="margin-top: -8px;overflow: hidden;"><span style="display:inline-block;vertical-align:top;height:20px;font-size:16px;overflow:hidden;color:#b1d4c3;">▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲</span></section><section style="height:2px;margin-top:-9px;color:#ffffff;background:#b1d4c3;"></section>

可视化

标题

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

你穿过世事朝我走来迈出的每一步都留下了一座空城这时，一支从来世射出的毒箭命定了我唯一的退路 --仓央嘉措

▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲

关于我们

快捷导航

联系我们

关于我们