CSS中的背景图像

Posted 2023-03-05

【中文标题】CSS中的背景图像

【英文标题】：BackgroundImage in css

【发布时间】：2018-04-28 18:58:19

【问题描述】：

如何在css的帮助下放置背景图片。 当图像文件本地存储在桌面上时，CSS 文件和图像在同一个文件夹中。 \Desktop\New folder\image:- 图像目的地 \Desktop\New folder\css:- css 文件目的地

【问题讨论】：

你不能告诉我谷歌没有帮助你...

【参考方案1】：

您可以只提供本地图像名称，假设它在同一个文件夹中并且您的 css 正在应用，那么这应该会对您有所帮助：

background-image: url("image_name.png")

【参考方案2】：

从技术上讲，无法从 CSS 访问本地文件。您要访问的所有文件都应该可以使用 URI 访问。

【讨论】：

那么有什么可能的方法

放入你的服务器，获取URI，放入URI中，如@Bhargav给出的解决方案所示。

从技术上讲，本地文件可以从 CSS 访问（使用相对路径），而网页是在本地访问的。

【参考方案3】：

为此在css 中使用background: url()

body 
  background: url("https://www.w3schools.com/howto/img_fjords.jpg");
  background-size: 80px 60px;
  background-repeat: no-repeat;
  padding-top: 40px;