如何使 link 突出显示 link 符合 CSS 形状

Question

如何使 link 轮廓（蓝色）符合 CSS 形状？我的意思是轮廓应该与 link 边框的形状相同。

您是否介意 link 或帮助我找到合适的词来描述它，以便我可以对其进行适当的研究，或者可能进行一些基本修复？

Answer 1

您可以使用 box-shadow（悬停查看）

button {
  width: 200px;
  height: 100px;
  background: cornflowerblue;
  border-radius: 5px 25px 5px 25px;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-left:0;
  border-right:0;
  outline: 0;
}
button:hover {
  box-shadow: 0 0 0 5px orange;
}

<button></button>

Answer 2

我想你指的是大纲属性。我认为这会对您的问题有所帮助:)

button:focus{
 outline: none;
}

如何使 link 突出显示 link 符合 CSS 形状

How do I make link the highlight link conform to CSS shape

html

css

css-shapes