CSS 参考手册 目录

CSS background-image 属性

CSS 属性:background-image

在 web 开发中,background-image 属性用于设置元素的背景图片。通过设置不同的背景图片,可以为网页增加视觉效果,提升用户体验。

语法

-------- -
  ----------------- -----------------
-
  • selector:要设置背景图片的元素选择器。
  • url('image.jpg'):背景图片的 URL 地址,可以是相对路径或绝对路径。

  • none:默认值,表示元素没有背景图片。
  • url('image.jpg'):指定背景图片的 URL 地址。
  • linear-gradient():使用线性渐变作为背景图片。
  • radial-gradient():使用径向渐变作为背景图片。
  • repeating-linear-gradient():重复使用线性渐变作为背景图片。
  • repeating-radial-gradient():重复使用径向渐变作为背景图片。

示例

-- -- --- -------- --
--- -
  ----------------- -----------------
-

-- ------------ --
--- -
  ----------------- ------------------ ------ ---- ------
-

-- ------------ --
--- -
  ----------------- ----------------------- ---- ------
-

通过 background-image 属性,可以为网页元素添加各种背景效果,从简单的图片背景到复杂的渐变背景,都可以轻松实现。


上一篇:CSS 属性 background-color
下一篇:CSS 属性 background-origin