html中怎么设置背景图片

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

html中怎么设置背景图片

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

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

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

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

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

常用属性值:

url('URL') 图像的URL

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

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

代码示例:

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>9543建站博客(php.cn)</title> <style>body {background-image:url('https://static.runoob.com/images/mix/paper.gif');background-color:#cccccc;}</style></head><body><h1>Hello World!</h1></body></html>
登录后复制

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

相关视频分享:html视频教程

以上就是html中怎么设置背景图片的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:css如何禁止滑动
下一篇:javascript获取数组长度有什么方法

发表评论

关闭广告
关闭广告