background-image:url("image.png");
在CSS代码中,rel链接图片通常使用background-image属性来实现。比如上述代码中,大家通过指定一个图片的URL来将图片作为背景插入到大家的网页中。如果想要插入多张图片,可以使用background属性来实现:
background:url("image1.png") no-repeat top left, url("image2.png") no-repeat top right;
上述代码中,大家使用了background属性,在其中指定了两个图片的URL,并以逗号分隔。其中no-repeat表示不重复,top left和top right表示这两幅图片分别出现在左上角和右上角。
在CSS中,大家还可以使用img标签来引用图片,但是这种方式被普遍认为远不如background-image方式优秀。因为img标签本身带有放大缩小、边框等属性,可能会对页面的样式造成影响或限制。
img { background: url("image.png"); }
在上述代码中,大家可以看到,大家给所有的img标签都添加了background属性,将图片作为背景插入到页面中。这种方式虽然不如background-image方式优秀,但在某些场景下也是非常有用的。