css - 数字边框效果

Question

我想在我的一个元素中实现以下效果，例如在雅虎搜索中。我尝试了很多但无法实现。请有人帮助我。![alt text][1]

http://www.freeimagehosting.net/uploads/b253a30c3b.jpg

Answer 1

将您的链接设置为 block 级并使用这样的边框:

a{
  display:block
  border:1px solid #0000ff;
  width:50px;
  height:50px;
}