【问题标题】:creating square border around links在链接周围创建方形边框
【发布时间】:2012-09-18 15:43:30
【问题描述】:

我想在链接周围创建一个边框,在:hover 上的整个链接周围形成一个正方形。如何实现这个效果?

【问题讨论】:

  • 与在任何其他元素周围绘制边框的方式相同。 a:hover { border: 1px solid red; }
  • 你也应该展示你自己对代码的尝试。

标签: css hyperlink hover border


【解决方案1】:

HTML

<a href="#">one</a><br/>
<a href="#">two</a><br/>
<a href="#">three</a><br/>
<a href="#">four</a><br/>

CSS

a:hover{
 border:1px solid red;  
}

Fiddle

【讨论】:

  • 答案很好,但是 Fiddle 很快就会消失,而 StackOverflow 问题将永远存在……也许您也可以将代码合并到您的答案中(以供将来参考)? :)
  • @TarynEast 2020 年 10 月 8 日。小提琴还在这里
  • 重点是……不依赖外部站点上仍然存在的代码是非官方的 S/O 政策。它可能随时消失,当他们在这里找到答案时将某人发送到另一个站点也很烦人。因此,答案最好包含实际的相关代码。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-03-03
  • 1970-01-01
  • 1970-01-01
  • 2017-07-20
  • 2012-06-05
  • 2018-07-21
  • 2018-07-18
相关资源
最近更新 更多