css如何改变图片的背景

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

css如何改变图片的背景

css改变图片的背景的方法是,添加background-image属性,并且将属性值设置为你想要的图片的url地址,例如【background-image:url('../images/mix/paper.gif');】。

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

background-image 属性设置一个元素的背景图像。元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

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

常用属性值:

url('URL') 图像的URL

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

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

一个简单的代码示例:

<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <style>body {background-image:url('../images/mix/paper.gif');background-color:#cccccc;}</style></head><body><h1>Hello World!</h1></body></html>
登录后复制

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

以上就是css如何改变图片的背景的详细内容,更多请关注9543建站博客其它相关文章!

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

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

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

上一篇:bootstrap响应式布局图片怎么居中
下一篇:如何使用HTML5实现拖放单个元素

发表评论

关闭广告
关闭广告