在写代码的时候经常会使用image
标签. 这个标签是用来嵌入图片的. 但是这个标签在一定程度下会变形. 所以我们可以使用其他方法来防止图片变形.
div {
background: transparent url(path/image.gif) no-repeat center;
background-size: cover;
}
background
是一个简写属性, url()
是background-image
属性的值. 也就是说我们通过url
来加载图片.
background-size
用来设置背景图片的大小.
相关链接:
background
background-size