htmL中怎么插入背景图片？如何设置背景图片大小？_随笔

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

4、在浏览器中打开此html文件，可以看到最终想要实现的背景图片效果。

背景图片不重复不平铺，可以这样设定背景：

1、<body style="background-image: url("图片文件地址")background-attachment: fixed">

这样背景图片就会固定住，不会因页面滚动而重复。

2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：

3、两者结合，就是：<body style="background-image: url("图片文件地址")background-repeat:no-repeatbackground-attachment: fixed">

扩展资料

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料百度百科 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表单

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

htmL中怎么插入背景图片？如何设置背景图片大小？