html表单如何添加背景图片

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”。(当前目录的上一目录表示:../)

直接在html编辑窗口插入相应命令即可在html表格中加入图片,具体 *** 作步骤如下:

1、将html文件和图片放在同一文件夹,例如放在电脑桌面,如下图所示;

2、打开html编辑窗口,对表格进行编辑,完成表格的标签,如下图所示;

3、在单元格“table”里面插入图片的标签,然后在“单元格td”后面插入图片的保存路径即可,如下图所示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6178168.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存