我有一个几乎指向网站页脚的“返回顶部”箭头,并且该 div 有一个底部边框。到目前为止一切都很好,我唯一的问题是我想删除我用 CSS 所做的那个三 Angular 形周围的任何边框,没有边框底部,因为它看起来很难看..
我尝试更改内部 div 的 border-bottom 但它不起作用
最佳答案
只要您要求“hack”,那么可以:只需将另一个 div 添加到您的 HTML 中,使用 :before
和 :after
伪元素.将 border-bottom 移动到这些元素并赋予它们看起来正确的宽度。
当然,这需要一个没有语义值的额外 HTML 元素——尽管将所有这三个内容 div 包装在另一个中是有意义的,并且您可以向其添加属性。
Nested or multiple pseudo-elements ,如果他们获得支持,将是更好的方法。
不幸的是,仅仅为 :before 和 :after 样式添加底部边框是行不通的(它们仍然会延伸太远),因为 CSS 边框的呈现方式——看到这会使边框更粗和不同的颜色。 this question的答案也说明了这一点。
关于html - 删除一个 div 内 20px 的底部边框,有什么 hack 可用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11379649/