相关疑难解决方法(0)

在CSS Tricks上有很多不同的CSS形状- CSS的形状,我特别对三角形感到困惑:

#triangle-up {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}

<div id="triangle-up"></div>

它是如何以及为什么有效？

我有一个1px边框的div,我正在尝试用另一种颜色为该div创建一个3px边框.我正在使用此代码:

box {
  border: 1px solid #ddd;
  border-top: 3px solid #3F9BD0;
}

但在角落边界不好,见图:

如何使这个边框看起来很好,像这样:

小提琴:https://jsfiddle.net/15tory3z/