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表单

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-23

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

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

2、在index.html中的<body>标签中,输入html代码:

<form style="background-image: url(small3.png)"><input type="text"></form>

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

本回答被网友采纳
第2个回答  推荐于2018-04-12
如果是为整个网页添加背景图片,就使用<body>的background属性;
如果只是给某个表单添加背景图片,则可以在表单里在添加一个<table></table>元素,再使用<table>的background属性即可。本回答被网友采纳
第3个回答  2020-01-22
width:200px;
background-image:url(images/ad1.png);
background-position:center;
background-repeat:no-repeat;}</style<body<div
id="pic"这里填写文字<div</body</html设置图片的地址请在url括号中设置:
background-image:url(images/ad1.png);
设置图片的位置,这里是局中设置,当然您可以right和left设置:
background-position:center;
背景图片是否重复填充HTML标签,这里设置的是只显示一次
background-repeat:no-repeat;
至于height和width的设置,这个是您所说的HTML元素的高度和宽度,可以根据背景图片的高度和宽度进行设置
如果您有任何问题都可以在下面的网站中留言,只要力所能及,我一定为您解答
第4个回答  2019-11-20
如果是为整个网页添加背景图片,就使用的background属性;
如果只是给某个表单添加背景图片,则可以在表单里在添加一个
元素,再使用的background属性即可。
评论
0
0
加载更多
无可取代ヽ
1级
2010-03-28
回答
表单外面或者表单里面加一个div,在div上加背景图片:
里面用table的话,可以加在table里面,