注意到图像旋转控制

在大多数网页浏览器，有一个默认的边框周围的图像作为链接使用。 它通常是一个很大的，讨厌的，厚明亮的蓝色边界。 这可能是不可取的，这篇文章，以便我们将在方法可以利用它在你的CSS提供照顾...

要删除默认的边框使用你的CSS是：


a img { border: none; }


您也可以删除默认的链接的图像边界，包括“= 0的边界内的图像标记”， 但这是一个过时的财产 ，不建议。 遗憾的是，在很多副本，包括和粘贴的代码示例，因为它的力量，而不必依靠该网站保持良好的CSS业主预期的效果。

这默认的蓝色边框不是罪恶，它只是想帮忙，让您知道形象的周围是一个超链接。 让我们走我们自己的责任，看看我们可以拿出一些图片翻车了有点更好和更有趣。

最好的办法 ， 看看这些例子是要查看示例页 ， 最好的方法 ， 了解他们的工作是要下载的例子 ， 看看自己的代码。

示例1：厚边界

这个例子给出了形象的几个像素填充在它的正常状态，以及边界，并加入过渡的背景颜色。

例2：虚线边框厚

这是一个类似的技术只增加了一个过渡粗虚线边框的形象。 这里的窍门是，那里的边界是在它的正常状态，以及，只是它就像白色的背景颜色。 如果边界在它的正常状态不在那里，过渡期间补充说，图像将转移的立场，以便为边界，这将是一个不和谐的不良效果的余地。

示例3：黑与白的颜色

这种技术使图像“上色的过渡”。 这一点，因为你将无法使用普通的HTML img标记复杂。 您将使用独特的类名锚元素。 这些主持人将有明确的高度和宽度和背景图像。 然后在翻滚，您可以交换的颜色版本的背景图片。

示例4：添加渐变背景

而不是像添加示例1纯色，可以使用一个图像。 只要给某些对于图像的任何一方填充因此，有一些对图形显示的空间。

例5：显示信息

这种技术使得文本出现在下方的过渡形象。 它使背景使用CSS中的图像属性示例3一样，但在这种情况下，背景图像保持不变。 所不同的是，在正常状态下，文本是启动了一个巨大的屏幕负偏移是取消了对过渡。 为了让文字显示下方的形象，而不是在上面给锚顶级填充了一个稍大图像的高度。