html中设置背景图片的方法

这篇文章主要讲解了“html中设置背景图片的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html中设置背景图片的方法”吧!

创新互联建站主营凌河网站建设的网络公司,主营网站建设方案,app开发定制,凌河h5成都小程序开发搭建,凌河网站营销推广欢迎凌河等地区企业咨询

html中设置背景图片的方法是,在body中添加background-image属性,并且设置背景图片的url即可,例如【background-image:url('');】。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

background-image 属性设置一个元素的背景图像。

元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

默认情况下,background-image放置在元素的左上角,并重复垂直和水平方向。

常用属性值:

  • url('URL')    图像的URL

  • none    无图像背景会显示。这是默认属性值

  • inherit    指定背景图像应该从父元素继承

代码示例:




 
创新互联(php.cn) 




Hello World!

大家可以自行保存上面的代码到本地,尝试运行看下效果。

感谢各位的阅读,以上就是“html中设置背景图片的方法”的内容了,经过本文的学习后,相信大家对html中设置背景图片的方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章标题:html中设置背景图片的方法
分享URL:http://scyanting.com/article/iiehdj.html