箭头边框引导点赞

美化源代码

复制源代码

源代码
<section style="width: 24rem;border-width: initial;border-style: none;border-color: initial;margin: 0.5rem auto;box-sizing: border-box;"><section style="width: 100%;height: 2.6rem;border-radius: 6px;border-width: 1px;border-style: solid;border-color: rgb(246, 246, 246);box-shadow: rgb(246, 246, 246) 1px 1px 3px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;overflow: hidden;box-sizing: border-box;"><section style="height: 100%;width: 0.5rem;flex-shrink: 0;border-top-left-radius: 6px;border-bottom-left-radius: 6px;background-color: rgb(255, 0, 0);box-sizing: border-box;"></section><section style="font-size: 1rem;margin-right: 1rem;margin-left: 1rem;"><p>                您的点赞是我们进步的动力!</p></section><section style="font-size: 1.25rem;color:#fc3909;"><p>                ↘↘↘</p></section></section></section>

可视化

您的点赞是我们进步的动力!

↘↘↘

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统