html - 如何在 CSS/HTML 中引用计算机目录中的图像作为背景图像

标签 html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我正在使用 HTML 页面在 visual studio 2012 中设计一个网页。我想从我的计算机目录上传图像。目前正在从 URL 中获取它。

最佳答案

很简单。

让我们这样做:

  1. 创建一个名为“myWebsite”的文件夹
  2. 在“我的网站”文件夹中放置您所有的 html 文件
  3. 在“myWebsite”文件夹中创建另一个名为“images”的文件夹
  4. 在“图像”中放置您的图像。让我们为您的图片命名 - sampleImage.jpg
  5. 在“myWebsite”文件夹中创建另一个名为“css”的文件夹,并将您的 css 文件放在那里

现在在您的 CSS 文件中执行此操作:

body{
    background-image:url('../images/sampleImage.jpg');
}

尝试一下,如果成功了请告诉我。

关于html - 如何在 CSS/HTML 中引用计算机目录中的图像作为背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22407492/

上一篇:html - 在 CSS 选项卡上添加下拉菜单

下一篇:html - 向导航元素添加不同的颜色

相关文章:

html - 我可以指定一个文本框的位置并在没有顶部的情况下将其向下移动吗

javascript - 如何检查html标签是否包含类

javascript - 如何为日期类型的输入设置默认年份值?

javascript - 如何使用javascript在嵌套对象数组中按属性赋值

css - 将淡入淡出动画添加到纯 CSS 移动菜单抽屉

css - 将文本放在响应图像上

html - 无法将 CSS calc() 与转换一起使用 :translateX in IE

html - 使 block 级元素可点击链接

javascript - 如何在 jQuery 点击函数中使用 jQuery 时间间隔?

HTML Logo 没有响应