變成示例中的Tips樣式
自己寫了下，可能不太好，但還是實(shí)現(xiàn)了，有更好的話大佬分享一下吧~
<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>?
2018-10-04
? <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>
2018-09-18
用個(gè)bgu不就搞定了? 這么麻煩