我有一个"从上到下"的箭头，几乎到网站的页脚，我在这个div上有一个边框底部。到目前为止，一切都很好，我唯一的问题是，我想删除我用CSS做的三角形周围的任何边框，没有边框底部，因为它看起来很难看。。
URL为：http://teothemes.com/wp/
我尝试更改里面div的边界底部，但它不起作用
只要你要求"破解"，那么是的：只需在HTML中添加另一个div，其中包含:before和:after伪元素。将边框底部移动到这些元素，并赋予它们看起来正确的宽度。
当然，这需要一个没有语义值的额外HTML元素——尽管将所有三个内容div包装在另一个中是有意义的，并且您可以向其中添加属性。
嵌套或多个伪元素，如果它们得到支持，将是一种更好的方式。
不幸的是，仅仅在：before和：after样式中添加底部边框是行不通的（它们仍然会延伸得太远），因为CSS边框的呈现方式——看到这会使边框更厚，颜色也不同。这个问题的答案也说明了这一点。
我不确定我是否完全理解这个问题，因为它对我来说很简单
如果在#backtotopdiv中省略border-bottom: 1px solid #c6c5c5样式，这将消除问题-否？
另一种方法是更改箭头元素，使其成为一个完整的图像，而不是您正在执行的::before和::after元素。但是，您需要匹配图案背景。
我看不到其他方法，尤其是在多个浏览器中工作的方法。
您的Arrow似乎是一个带有CSS背景的<a>标记。
到目前为止一切都很好，我唯一的问题是我想删除任何我用CSS做的三角形周围的边框，没有边框底部，因为它看起来很难看。。
在Chrome中检查时，它没有应用边框底部。事实上，它是一个绝对定位的元素，因此边框不能作为间距给定器。只要稍微调整一下你的top属性（可能是6px或9px），你的定位就应该完美了。