css给图片添加链接代码 |css 兼容 集合

img{
display: block;
margin: 0 auto;
}
a img{
border: none;
}
a:hover img{
opacity: 0.5;
filter: alpha(opacity=50);
}

以上代码中的“img”标签表示网页中的图片元素，通过设定它的样式，实现让图片自适应屏幕宽度、图片与边框之间没有空隙等效果。而“a img”则是指图片在链接标签内的样式，设定边框为无，防止出现双边框的问题。如果需要给链接内的图片进行鼠标悬停效果，可以使用“a:hover img”的方式来实现，这里展现的效果是让图片的透明度变为50%。

添加好CSS样式后，大家只需要在HTML代码中使用“a”标签包裹图片，然后给“href”属性设置链接地址，就能够对图片进行链接点击了。这个方法常常用于banner、活动海报等图片与页面跳转有关的元素中，大大提升了页面的可点击性。