css的三角形怎么有边框的

新浪微博的评论，带边的突出三角

---

改变一下这个小三角的margin，一目了然。所谓边框只是背景

---

这种问题，看源码啊！

---

做了一个类似的。利用::before来做小的三角形然后定位，边框的颜色就是大的三角形的背景色，利用小三角形去覆盖大三角形，达到要的效果。

demo地址：http://codepen.io/johnhsm/pen/waxOPN

---

这种其实你自己审差元素就可以看到，他们是通过content来做的，当然可以设置边框,给你个栗子

.cut:after {
  content: " ";
  position: absolute;
  right: 10px;
  width: 10px;
  height: 10px;
  border: #bcbec2 solid 1px;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}