网页背景图片怎么设置

网页背景图片怎么设置,第1张

品牌型号:联想拯救者Y9000P

系统:Windows 11

软件版本:Google Chrome96.0.4664.110 网页背景图片设置需要在设置界面中,点击更换皮肤即可,以联想拯救者Y9000P电脑为例,网页背景图片设置的步骤为3步,具体 *** 作如下: 1 点击设置<!-- 1第1步 点击设置 -->

在百度界面中,点击设置。

2 点击更换皮肤<!-- 2第2步 点击更换皮肤 -->

在设置界面中,点击更换皮肤。

3 进行设置<!-- 3第3步 进行设置 -->

在展开的界面中,进行设置即可。

背景图片不重复不平铺,可以这样设定背景:

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

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

2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):

<body style="background-image: url("图片文件地址")background-repeat:no-repeat">

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

扩展资料

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

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

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

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

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

参考资料 百度百科 HTML

方法一:在HTML文件中设置

HTML的中有两个关于背景的属性,其中的background用来设置背景图片。示例如下:

如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。

为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。

可以参考这个网站的教程和示例:

http://www.blabla.cn/html_tutorials/045_html_bgcolor_background.html

方法二:在CSS文件中设置

CSS的背景图片属性

示例:

可以参考这个网站的教程和示例:

http://www.blabla.cn/css_tutorials/020_css_background.html

参考资料:

http://www.blabla.cn/html_tutorials/index.html


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存