JS Animated. 如何在CSS中使用图像替换颜色背景
2015年8月10日
本教程展示了如何替换 background color 在CSS中添加图像.
JS Animated. 如何在CSS中使用图像替换颜色背景连接到服务器 FTP or open cPanel文件管理器.
-
Open the 图片文件夹 在服务器上并上传您想要设置为的图像 background into it.
-
上传图片时,请将正确的路径复制到图片中. 通常是你的。 网站网址+图片文件夹名称+图片名称和格式:
-
接下来,在你的 browser and use the 检查元素工具 要找到需要编辑的文件和行:
-
现在把 background 属性 background-image one. 为了将图像放置到属性中,使用 url(“”) value. 将您上传的图像路径插入引号中:
背景图片:url (http://demolink.org/site/images/header-bg.jpg");
- 以防你上传 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; 平铺方式:不再重演;}
-
复制编辑过的行 Firebug /检查元素 with 热键Ctrl / Cmd + C. 在这里,你可以找到应该编辑的CSS文件的路径:
-
查找和编辑所需的CSS文件 FTP or cPanel file manager. 您可以使用在线编辑文件 editor or any other HTML editor. Use Ctrl / Cmd + F5热键 找到代码,以防你 editor 是否缺少行号?.
找到所需的行并将其替换为更新后的代码i.e. 与一个从Firebug /检查元素复制.
将更改保存在文件中. 刷新页面以检查更改.
请随时查看下面的详细视频教程:
JS Animated. 如何在CSS中使用图像替换颜色背景