在我的图标上方绘制小蓝色方块

Mer*_*cer 0 html javascript css hover

如何在我的鼠标图标的概述上绘制一个小蓝色方块,就像这样

之前

后

Bra*_*tie 7

CSS更容易,但我甚至不能100%确定你正在寻找的路线,因为这个问题很模糊而且标签很丰富.

话虽这么说,给这个旋转:

img:hover { border: 5px solid blue; }
Run Code Online (Sandbox Code Playgroud)

强制性演示:http://jsfiddle.net/xCU74/

  • @Shadow Wizard IE7也支持它:http://www.quirksmode.org/css/contents.html (2认同)
  • @Tom:边境是其他人的捷径.我倾向于使用短手只是为了保持文件更短,但这完全取决于你.您可以使用类似`border:1px solid black;`然后返回并使用`border-color:blue;`而不是覆盖宽度或样式. (2认同)