关于HTML怎样用图片做背景

最新推荐文章于 2024-01-14 18:31:58 发布
最新推荐文章于 2024-01-14 18:31:58 发布
阅读量8.7k 收藏 15
点赞数 4
分类专栏： Html 文章标签： html image url css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xtqueen/article/details/6896519
版权
1、网页背景图片：
（平铺背景图片）
<body background="d:\image\石家庄.jpg">或者
<body style="background-image: url(d:\image\石家庄.jpg);">

（背景图片不重复）
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat;">

（背景图片居中不重复）
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0;">

注释：
  style 后双引号部分为CSS样式；
  background-image:url(图片路径) 为背景图片
  no-repeat 不重复；
  50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px；

2、表格中插入图片背景：
<table>
<tr>
<td width="200" height="200" background="d:\image\石家庄.jpg">
</td>
</tr>
</table>
表格背景图片也可跟上面一样采用CSS样式，如：<td style="background-image: url(d:\image\石家庄.jpg);"> </td>。

注意：图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为：“image/石家庄.jpg”。
郭晓湉
关注
  • 4
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML5 SVG全屏背景图片切换.zip
07-11
代码片段： function removeThenAddClasses(domEl, removeClass, addClass) {  if (Array.isArray(domEl)) {  domEl.forEach(function (itemEl) { ... itemEl.classList.remove(removeClass);...
html如何将图片作为网页背景,html文档中如何把图片作为背景
weixin_29864831的博客
06-09 1万+
html文档中如何把图片作为背景发布时间：2020-10-27 09:33:24来源：亿速云阅读：154作者：小新小编给大家分享一下html文档中如何把图片作为背景，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！在html中，可以通过给body标签设置css background或background-image样式来把图...
HTML图片设置成为页面背景 （ 五个小步骤）
不会倒下的白岩松
10-16 2万+
会杂七杂八的解决一些代码报错的程序员
HTML如何设置图片为背景图片
weixin_46958879的博客
07-20 1万+
背景图像与文本显示在同一个位置，为了让页面排版更加合理，不影响文本的阅读，我们可以改变图像的位置。background-attachment背景图像是否固定或者随着页面的其余部分滚动。默认情况下background-image属性会在页面的水平或者垂直方向平铺。background简写属性，作用是将背景属性设置在一个声明中。background-position设置背景图像的起始位置。background-image属性描述了元素的背景图像.background-image把图像设置为背景。...
HTML设置图片为页面背景
热门推荐
世纪末的架构师的博客
12-06 11万+
HTML设置图片为页面背景： 问题： 在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置为页面背景？ 方法： 在< body >中使用background以及style来设置 例： 在这里我把html格式的文件和jpg格式的图片文件都放到了桌面上 <html> <head> <meta content="text/html" charset="UTF-8"> <title>HTML设置图片为页面背景</
HTML如何设置背景图片？有几种设置背景图片的办法？
最新发布
爱编程的鱼的博客
01-14 1万+
我们在编辑网页时，如果觉得网页过于单调，这时便可以加上一张自己喜欢的背景图。这篇文章中，W3Cschool 小编给大家介绍下 HTML 中如何设置背景图片，分别有哪几种设置背景图片的方法。
html设置背景图
qq_63311302的博客
05-18 1万+
html设置背景图其实很简单，我们一起来看看吧！相信看完你也就会了。 body标签的background属性 我们先来看看源代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body background="C:/dopt/1.jpg"> </body> &...
css样式-td背景图，水平方向、垂直方向居中
昊谦粑粑
06-08 3159
'););">   background-image:设置td背景图片   background-position:center 设置水平垂直方向居中   background-repeat: no-repeat 不平铺 repeat-x 水平方向居中 repeat-y垂直方向居中
html表格中加背景图片,table设置背景图片，不能100%显示解决方法
weixin_31032799的博客
05-31 4742
在开发中发现了下面的情况：(1) 如果文件存放为.jsp文件后缀的形式，代码如下所示(index.jsp)：复制代码代码如下:让表格百分之一百显示程序运行后，页面中显示的效果如下图所示：该效果出现了两处不对的地方：(1) 中间的td的背景并没有铺满整个td；(2) 整个table宽度并没有撑满整个屏幕。百思不得其解，非常郁闷！！后台尝试给table加上border="0",效果仍然如上图所示。把0...
html的背景图片设置
wenqi1的博客
08-28 1万+
背景颜色：background-color，可用rgb、rgba、#off等进行设置 背景图片：background-img，可用网址或图片存放地址进行设置 平铺方式： background-repeat:repeat，在背景上只出现一张图片，没有设置宽高时全屏铺满 background-repeat:repeat-x，横向铺满 background-repeat:repeat-y，纵向铺满 关联方式： background-attachment:scroll 默认 backg...
HTML背景图片和背景色_动力节点Java学院整理
09-28
什么是HTML背景图片和背景色，这篇文章主要为大家详细介绍了HTML背景图片和背景色的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
html5背景图片自适应特效代码
03-20
html5背景图片自适应代码是一款背景不随滚动条滚动，会根据分辨率不同自动匹配对应的背景图片。
【html背景图片铺满网页】html 怎么让背景图铺满整个页面
04-11
html背景图片铺满网页
HTML5 SVG全屏背景图片切换
06-24
HTML5 SVG全屏背景图片切换是一款TweenMax.js基于svg制作全屏背景图片滑动切换代码。
CSS实现HTML背景图片拉伸铺满示例
01-19
上代码： CSS代码 复制代码代码如下: #img { z-index:-1; filter: alpha(opacity = 85);/*设置透明度，针对 IE8 以及更早的版本。IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。...
背景图片随屏幕大小变化问题的解决方法
12-13
特别是，在做页面背景图片可随浏览器窗口大小调整时，我的基础知识运用不熟练的缺点就表现出来了。 例如:今天下午做的页面背景时，由于图片过大，直接引用时，导致屏幕无法显示完全。 实际解决它的方法很简单： ...
HTML中使背景图片自适应浏览器大小实例详解
08-30
主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下
html5背景图片自适应代码
04-06
html5背景图片自适应代码是一款背景不随滚动条滚动，会根据分辨率不同自动匹配对应的背景图片。
HTML背景图片文字导出生成图片.zip
05-19
1.资源内容：实现HTML（背景图片文字）导出图片并下载，代码简单 可以自己修改进行完善自己的需求。 2.使用技术：html2cnavas等
html用一张图片做背景
06-11
可以使用CSS来为HTML元素添加背景图片。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>背景图片</title> <style> body { background-image: url("背景图片的URL"); background-size: cover; background-repeat: no-repeat; } </style> </head> <body> <!-- 在这里添加页面内容 --> </body> </html> ``` 将 "背景图片的URL" 替换为您要使用的背景图片的URL，将 "在这里添加页面内容" 替换为您的HTML页面的内容。这将在整个页面上设置背景图片，并且可以根据需要进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值