Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css 设置背景图片

作者:以往的帅哥   发布日期:2025-10-23   浏览:36

/* 设置背景图片的 CSS 示例 */

body {
  /* 使用 background-image 属性设置背景图片 */
  background-image: url('path/to/image.jpg'); /* 替换为你的图片路径 */

  /* 设置背景图片平铺方式 */
  background-repeat: no-repeat; /* 不重复 */

  /* 设置背景图片的位置 */
  background-position: center; /* 图片居中显示 */

  /* 设置背景图片大小 */
  background-size: cover; /* 图片覆盖整个背景区域,保持比例 */

  /* 设置背景颜色(当图片加载失败时作为备用) */
  background-color: #f0f0f0; /* 浅灰色 */
}

解释说明:

  1. background-image: 用于指定背景图片的路径。url() 中的内容应替换为你自己的图片路径。
  2. background-repeat: 控制背景图片是否平铺。no-repeat 表示不平铺,只显示一次。
  3. background-position: 设置背景图片的位置。center 表示图片在容器中居中显示。
  4. background-size: 控制背景图片的大小。cover 表示图片会缩放以覆盖整个背景区域,同时保持图片的比例。
  5. background-color: 设置背景颜色,当图片无法加载时,该颜色将作为备用背景色。

上一篇:css background 渐变

下一篇:css相邻兄弟选择器

大家都在看

css好看的字体

css 红色

css 瀑布流布局grid

css文字超长省略号

css背景图铺满

css 渐变字体

css背景图片等比例缩放

css文字删除线

css 文本下划线

animation css3

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站