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

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

藏色散人
Lepaskan: 2018-08-06 16:19:07
asal
16984 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!

sumber:php.cn
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