如何在块内制作边框底部? [关闭]

Posted

技术标签:

【中文标题】如何在块内制作边框底部? [关闭]【英文标题】:How to make border bottom inside block? [closed] 【发布时间】:2016-11-02 02:28:43 【问题描述】:

悬停事件后如何使border-bottom在块内?

我尝试过使用 text-shadow,但似乎不是解决方案

【问题讨论】:

您需要向我们展示您正在尝试的代码,否则我们将无法为您提供帮助.. 你能解释一下吗..用codepen示例或提供你尝试过的代码.. Placing border inside of div and not on its edge的可能重复 【参考方案1】:

嵌入框阴影似乎是您所需要的

div 
  height: 75px;
  background: #c0ffee;


div:hover 
  box-shadow: inset 0 -5px 0 red;
<div></div>

使用伪元素

div 
  height: 75px;
  background: #c0ffee;
  position: relative;


div:hover::after 
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: red;
<div></div>

【讨论】:

以上是关于如何在块内制作边框底部? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Oracle在块内是如何组织和管理数据的

如何在 swift 中为 uiimageview 制作自定义边框

如何在 XSL-FO 中缩小块内的多个“外部图形”

如何将按钮的底部边框(白色)放在包含 div 的底部边框上

AFNetworking 未在块内同步返回数据

为啥在块外设置时,`scheduledTimer` 会正确触发,而不是在块内?