Rumah > hujung hadapan web > html tutorial > HTML中更换或添加网站背景图片的代码怎么写?(示例)

HTML中更换或添加网站背景图片的代码怎么写?(示例)

藏色散人
Lepaskan: 2018-08-06 16:19:07
asal
17057 orang telah melayarinya

本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话。
我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码,查看背景图路径,通过ftp或者服务器进行替换图片即可。

html中更换或添加网站背景图片具体代码示例如下:

/*控制背景图片是否滚动*/
body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:fixed;} 
body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:scroll;}
Salin selepas log masuk

5dfa32c3151e2c8c032b24849263db4.png

注:

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

可能的值:

scroll:默认值。背景图像会随着页面其余部分的滚动而移动。    

fixed:当页面的其余部分滚动时,背景图像不会移动。    

inherit:规定应该从父元素继承 background-attachment 属性的设置。    

希望本篇文章介绍对大家有所帮助。

【相关文章推荐】

HTML  实现背景图片的替换 

DIV背景图片background的设置方法

使用CSS为图片设置背景图操作

如何使用css选择器来实现导航栏背景图的切换?


Atas ialah kandungan terperinci HTML中更换或添加网站背景图片的代码怎么写?(示例). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan