变成示例中的Tips样式
来源：6-11 标签
麓鹿不迷路
2018-07-04 22:30
自己写了下，可能不太好，但还是实现了，有更好的话大佬分享一下吧~
<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回答
-
- 小程序魔王
- 2018-10-04 18:17:15
<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>
-
- 慕田峪1859085
- 2018-09-18 22:49:58
用个bgu不就搞定了 这么麻烦
玩转Bootstrap（基础）
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
314546 学习 · 2275 问题
相似问题