为了账号安全,请及时绑定邮箱和手机立即绑定

变成示例中的Tips样式

自己写了下,可能不太好,但还是实现了,有更好的话大佬分享一下吧~

<style>

    h3 .label{

        position:absolute;

        top: 3px;

        left: 160px;

        font-size: 12px;

    }

    .caret{

        position: absolute;

        top: 14px;

        left: -2px;

        border-left: 4px solid #f0ad4e;

        border-bottom: 4px solid transparent;

        border-top: 4px solid transparent;

    }

</style>

<body>

<h3>Example heading <span class="label label-warning">New<span class="caret"></span></span> </h3> 


正在回答

2 回答

  <h3>Example heading<span class="label label-warning" style="border-bottom: 10px solid;border-left: .5em solid transparent;padding:0.2em 0.6em 0.3em 0.1em;">这样写怎么样?</span></h3>

0 回复 有任何疑惑可以回复我~

用个bgu不就搞定了  这么麻烦

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

变成示例中的Tips样式

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信