Ссылка Img Границы

Question

Возможно ли иметь рамку вокруг изображения, которая является ссылкой через CSS, чтобы при наведении курсора на изображение появлялась рамка вокруг изображения?Я хотел бы, чтобы вокруг каждого изображения, являющегося ссылкой, была граница толщиной 5 пикселей, но я не смогу сделать это быстро :( Любая помощь будет принята с благодарностью.

Answer 1

Если вы не хотите, чтобы содержимое перемещалось, вам нужно освободить место для рамки, когда изображения не наведены:

a img { padding: 5px; }

Затем замените отступ на рамку:

a:hover img { padding: 0; border: 5px solid red; }

Answer 2

Вы также можете использовать прозрачную рамку, а затем установить цвет: a img { border: 5px solid transparent; } и: a:hover img { border: 5px solid red; }.