html表单如何添加背景图片

html-css09

html表单如何添加背景图片,第1张

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

详细步骤:

工具/材料:

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

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

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

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

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

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

7、图片插入完成。

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

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

10、完成效果图。

参考资料:

百度百科-HTML表单

1、网页背景图片:(平铺背景图片)<body background="e:\images\背景.jpg">或者 <body style="background-image: url(e:\images\背景.jpg)">(背景图片居中不重复)<body style="background-image: url(e:\images\背景.jpg) no-repeat 50% 0">(背景图片不重复)<body style="background-image: url(e:\images\背景.jpg) no-repeat">注释: style 后双引号部分为CSS样式;background-image:url(图片路径) 为背景图片no-repeat 不重复;50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px;2、表格中插入图片背景:<table><tr><td width="300" height="300" background="e:\images\背景.jpg"></td></tr></table>表格背景图片也可跟上面一样采用CSS样式,如:<td style="background-image: url(e:\images\背景.jpg)"></td>。注意:图片路径问题,用e:\images\背景.jpg只能在你自己的电脑上有效,上传到网站上,建议images文件夹和网页放在同一目录,则图片路径改为:“images/背景.jpg”。(当前目录的上一目录表示:../)

<tr style="background-image:url(1.jpg)">(这事设置背景图片)

<img src="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>