JS Animated. 如何在CSS中使用图像替换颜色背景

本教程展示了如何替换 background color 在CSS中添加图像.

1. 连接到服务器 FTP or open cPanel文件管理器.

2. Open the images folder 在服务器上并上传您想要设置为的图像 background into it.

3. 上传图片时，请将正确的路径复制到图片中. 通常是你的。 网站网址+图片文件夹名称+图片名称和格式:

   

4. 接下来，在你的 browser and use the 检查元素工具 要找到需要编辑的文件和行:

   

5. 现在把 background 属性 background-image one. 为了将图像放置到属性中，使用 url(“”) value. 将您上传的图像路径插入引号中:

   背景图片:url (http://demolink.org/site/images/header-bg.jpg");

6. 以防你上传 pattern 图像或宽度较小的图像，可以使用 background-repeat property. 它允许重复图像垂直和水平, 仅垂直或水平或停止图像重复:

   平铺方式:不再重演;
   平铺方式:repeat-x;
   平铺方式:repeat-y;
   平铺方式:重复;
   

   By default, background 图像被加载在元素的左上角. You can move background 使用 背景位置属性. 该行的最终版本如下所示:

   .你的元素{
   背景图片:url (http://demolink.org/site/images/your_image.jpg");
   Background-position: center;
   平铺方式:不再重演;}
   

7. 复制编辑过的行 Firebug /检查元素 with 热键Ctrl / Cmd + C. 在这里，你可以找到应该编辑的CSS文件的路径:

   

8. 查找和编辑所需的CSS文件 FTP or cPanel file manager. 您可以使用在线编辑文件 editor or any other HTML editor. Use Ctrl / Cmd + F5热键 找到代码，以防你 editor 是否缺少行号?.

9. 找到所需的行并将其替换为更新后的代码i.e. 与一个从Firebug /检查元素复制.

10. 将更改保存在文件中. 刷新页面以检查更改.

请随时查看下面的详细视频教程: