HTML里插入图片、背景问题

2022-06-26 09:59:05 分类：养花问答来源: 日夏养花网作者: 网络整理阅读：154

htmL中怎么插入背景图片？如何设置背景图片大小？

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

4、在浏览器中打开此html文件，可以看到最终想要实现的背景图片效果。

CSS里设置这两个参数：

背景图background: url(/*图片路径*/) repeat-x/*平铺方式*/;

尺寸:backgroun-size:100% 100%。

CSS里设置这两个参数：
背景图background: url(/*图片路径*/) repeat-x/*平铺方式*/;
尺寸:backgroun-size:100% 100%;

使用background：URL（"图片地址"）width height；就可以设置插入背景图片的大小。
width表示图片的宽度，height表示图片的高度

background-image: url("图片地址");

关于HTML表格中插入背景图片的问题

假设表格有3行4列，我要在【第一行】插入背景图片（是在第一行，不是整个表格）。

<tr style="background-image:url(1.jpg)"> （这事设置背景图片）
<img src=zAQkA"images/bbs_student1.gif" />如果是这样的就是直接插入图片。你看看，是否正确。
注：必须合并单元格这样才能在第一样一起显示。
<td colspan="4"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

在非css3下，背景图的尺寸固定，如果表格的尺寸比背景图小，就会自行裁剪背景图
可以用background-position来定位背景图

你把第一行的四个单元格合并一下就好了
<tr style="background-image:url(1.gif)">
<td colspan="4">zAQkA;</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

HTML里插入图片、背景的问题

我只会插入整张的图片。比如像这样的一张按钮图片，
1、怎么样把一个个的按钮插入到HTML里呢，好像是按坐标插入的，那么这个坐标是怎么计算的呢
2、如果我要把一个页面的所有按钮什么的小图片都放在这样的一张图里，这个图有什么要求呢？

background-position用法

设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。

默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。

如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。

如果设置值为 right center，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位。

对应的脚本特性为 backgroundPosition 。

语法：

background-position : length || length

background-position : position || position

取值：

length : 百分数 | 由浮点数字和单位标识符组成的长度值。

background-position -- 定义背景图片的位置

取值:

* 水平

left: 左

center: 中

right: 右

* 垂直

top: 上

center: 中

bottom: 下

* 垂直与水平的组合

x-% y-%

x-pos y-pos

初始值: 0% 0%

继承性: 否

适用于: 所有元素

background:背景.position:位置.

这个方法是采用同一图片实现多种背景样式，即 css雪碧。你可以搜索相关的知识点
1，当引入到html中时，需定位背景坐标，而具体的坐标点，通常可以借助FW工具，你通过它来圈取对应的元素，从而获取坐标点；
2，这图本身的要求，就是必须为 png 格式，且不能有背景色存在。

html表单如何添加背景图片

在Dreamweaver CS6中新建一个html空白文档，将页面内容放入<body></body>中。选中背景图即可插入。

详细步骤：

工具/材料：

1、新建文件夹并将其命名为“表格”。

2、将背景图放入新建的”表格“文件夹里。

3、在Dreamweaver CS6中新建一个html空白文档。

4、将页面内容放入<body></body>中。

5、在<body后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置。

6、选中背景图，点击“确定”。

7、图片插入完成。

8、将这个html另存为在“表格”文件夹里。

9、点击这个预览图标，就可以在浏览器中查看效果。

10、完成效果图。

参考资料：

百度百科-HTML表单

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中日夏养花网的<body>标签中，输入html代码：

3、浏览器运行index.html页面，此时成功在html的表单中添加了背景图片。

如果是为整个网页添加背景图片，就使用<body>的background属性；
如果只是给某个表单添加背景图片，则可以在表单里在添加一个<table></table>元素，再使用<table>的background属性即可。

width:200px;
background-image:url(images/ad1.png);
background-position:center;
background-repeat:no-repeat;}</style<body<div
id="pic"这里填写文字<div</body</htm日夏养花网l设置图片的地址请在url括号中设置：
background-image:url(images/ad1.png);
设置图片的位置，这里是局中设置，当然您可以right和left设置：
background-position:center;
背景图片是否重复填充HTML标签，这里设置的是只显示一次
background-repeat:no-repeat;
至于height和width的设置，这个是您所说的HTML元素的高度和宽度，可以根据背景图片的高度和宽度进行设置
如果您有任何问题都可以在下面的网站中留言，只要力所能及，我一定为您解答

如果是为整个网页添加背景图片，就使用的background属性；
如果只是给某个表单添加背景图片，则可以在表单里在添加一个
元素，再使用的background属性即可。
评论
0
0
加载更多
无可取代ヽ
1级
2010-03-28
回答
表单外面或者表单里面加一个div，在div上加背景图片：
里面用table的话，可以加在table里面，