请教下CSS中a标签背景图片不能完全显示的问题

html-css014

请教下CSS中a标签背景图片不能完全显示的问题,第1张

怎么写都可以,要看你喜欢哪种写法了

1、转化为区块是可以的,加上适当的width和height,然后只要一个float:left就可以了。

2、或者直接在HTML直接加图片<img src="图片连接" alt="图片描述" />这样也是可以的。

因为你这里使用了a标签,a标签本身属于内联元素,你要加入的背景图片本身具有固定的width和height,所以,最终你还是要转换为区块来给他们加上宽度和高度才行!

我是最晚回答的,但真心十分希望帮助到你!

背景图全部铺满:background-size:100% 100%

如果不是纯色或者图片大小和要填充的盒子大小相差不大的时候,100%可以看到全图但是有时候会变形,建议不要使用100%;可以改用cover,cover是按比例放大,超出盒子部分裁剪,图片不会变形但是有时候不能完全看到全图