CSS(层叠样式表)是一种用于描述网页样式的语言。它可以控制网页的各种外观,如文字、颜色、布局和背景。那么问题来了,CSS能不能引入图片呢?
答案是可以的,通过CSS中的background属性或background-image属性,可以轻松引入图片。
/* 使用background属性引入图片 */ div { background: url('image.jpg') no-repeat center center; /* no-repeat表示图片不重复,center指定图片水平垂直居中显示 */ background-size: cover; /* cover指定图片尽量填满容器,并保持比例不变 */ } /* 使用background-image属性引入图片 */ div { background-image: url('image.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
需要注意的是,引入图片的路径应该是相对于CSS文件的路径,或者使用绝对路径。
除了以上方法,CSS还有其他引入图片的方式,如使用content属性和伪元素,但需要注意兼容性。总之,在网页制作中,CSS的图片引入是一个非常方便、灵活的特性。