【发布时间】：2015-09-18 14:45:40
【问题描述】：
.pressure{
width: 100px;
text-align: center;
border-bottom: 3px solid #000;
}
这个css给出这样的边框底部
我想要的是什么
有没有办法在css中做到这一点？
【问题讨论】：
-
看看this thread。它产生类似的针形状。那个需要一个rotateY和rotateZ，你的形状需要一个rotateX和rotateZ。
-
我已经用 sn-p 更新了另一个线程，其形状也类似于这个问题中的形状。我不想在这里发布它，因为它看起来几乎是在重复答案。
-
所以没有办法自己设计边框底部。我们必须使用单独的 div 像
<div class='separator'></div>？ @哈利 -
我个人并不知道。也许
border-image和/或渐变的一些复杂的东西会有所帮助，但这会降低浏览器的支持。