html - 删除一个 div 内 20px 的底部边框,有什么 hack 可用吗?

标签 html css border

我有一个几乎指向网站页脚的“返回顶部”箭头,并且该 div 有一个底部边框。到目前为止一切都很好,我唯一的问题是我想删除我用 CSS 所做的那个三 Angular 形周围的任何边框,没有边框底部,因为它看起来很难看..

网址是:http://teothemes.com/wp/

我尝试更改内部 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/

相关文章:

html - 为什么这个 div 与输入的高度不同? (在火狐浏览器中)

html - 让元素填充剩余空间

html - col-xs 不适用于小于 768px 的媒体屏幕

css - 使用 CSS 为表格行添加边框或边距

html - 使用 Jumbotron、CSS 和 Wordpress 显示背景

javascript - 搜索谷歌的输入

html - 在 JQuery Mobile 中用按钮填充整个内容区域

javascript - 我的网站无法在 android uc 浏览器中运行

html - <tr> 边框增加 1px

CSS:在带有边框半径的链接上显示表格单元格:错误显示的边框和不需要的边距