background-image: url("image.jpg");
如上所示,通过background-image属性可以将一个指定的图片作为网页的背景。指定图片的格式可以是jpg、png等。
需要注意的是,图片的路径需要正确的指定。如果图片在同一目录下,只需要写图片文件名即可。如果图片在子文件夹中,需要写子文件夹的路径以及图片文件名。
background-image: url("images/background.jpg");
另外还可以通过background-repeat属性来设置背景图片的重复方式。以下是常用的几种属性值:
background-repeat: repeat; // 垂直和水平重复(默认值) background-repeat: repeat-x; // 水平重复 background-repeat: repeat-y; // 垂直重复 background-repeat: no-repeat; // 不重复
CSS的背景图片不仅可以添加在整个网页的背景上,还可以添加在特定的元素上。
.example{ background-image: url("image.jpg"); background-repeat: no-repeat; }
如上所示,通过给一个class设置背景图片,可以让它的所有元素都具有相同的背景图片效果。
CSS的背景图片功能可以让网页更加具有吸引力和美观性,而代码也非常简单。希望这篇文章对你的网页开发有所帮助。