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、上级目录<img src="../images/石家庄.jpeg" alt="" />

2、根目录<img src="/images/石家庄.jpeg" alt="" />

3、同级目录<img src="images/石家庄.jpeg" alt="" />

4、平铺背景图片

<body background="d:\image\石家庄.jpg">或者<body style="background-image: url(d:\image\石家庄.jpg)">

5、背景图片不重复

<body style="background-image: url(d:\image\石家庄.jpg) no-repeat">

6、背景图片居中不重复

<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0">

注意:图片路径问题,用d:\image\石家庄.jpg只能在你自己的电脑上有效,上传到网站上,建议image文件夹和网页放在同一目录,则图片路径改为:“image/石家庄.jpg”。

扩展资料:

HTML中主体内容:

<body></body>;,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。表示网页的主体部分,也就是用户可以看到的内容,可以包含文本、图片、音频、视频等各种内容。

格式一般如下:

<html>

<head>

<title>;网页名称</title>

</head>

<body>

存入网页的主体部分内容如:

<table>;代表表格

<tr>;代表行

<p>;代表段落

<td>;代表单元格

参考资料来源:百度百科—HTML

参考资料来源:百度百科—body


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存