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

visual studio简称为vs。下面，我们来看看HTML中怎么插入图片作为背景图片吧。

打开vs

打开visual studio软件，并新建一个文件夹为img，把图片粘贴到文件夹中，如下图所示：

设置背景图片的代码为 style=" background:url(img/img01.jpg)"，如下图所示：

在浏览器中查看

右击【HTMLPage.htm】，选择【在浏览器中查看】，如下图所示：

预览效果

在浏览器中的预览效果如下图所示：

欢迎分享，转载请注明来源：内存溢出

html表单如何添加背景图片