当前位置:首页 » 背景图片 » html网页背景图片代码
扩展阅读
儿童泪囊在哪个部位图片 2024-10-05 20:47:00
感恩大自然的图片有哪些 2024-10-05 20:46:46

html网页背景图片代码

发布时间: 2023-12-28 05:25:54

㈠ html中,怎么让背景图片充满整个页面

用Dreamweaver软件编辑

一、打开Dreamweaver,然后选中html,出来了一个html标准文档。

二、在标签里添加文件路径,语法如下:

这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。

三、在里添加样式,代码如下:

style=" background-repeat:no-repeat ;

background-size:100% 100%;?

background-attachment: fixed;"?

你看,背景就充满页面了。

首先要确定一点,背景图片还没有强大到自适应网页的大小的程度。目前的解隐袭决办法有几个:

1. 做一个很大的背景(居中显示),当小屏幕浏览时,只显示中间的部分;(模扰缺点是要做一张足够大的背景图片,以满足大屏幕用户的需要,但对于手机用户或者网速比较慢的人来说,是不能够接受的)

2. 做一个边缘能融合背景色的图片,这样当图片无法满足大屏幕,达到一定程度时,就可以用背景色来填充剩余的部分;(要用ps来处理,需要一些美感^__^)

3. 如果前两种,你都觉得不好,一定要让一张图片来自适应,那就把背景图片做成flash吧,因为它可以全屏自适应,然后把这个图片当成“背景”,再定位写其它网页元素。(缺点:手机用户还是不支持)

总之,各有利弊,要根据实际的需求,选择使用哪种解决方案!html中,怎灶码兄么让背景图片充满整个页面?

在设置背景图片的后面的CSS里设置上 repeat。

例如:background:url(图片的准确地址) repeat。