当前第2页 返回上一页
背景图片示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景图片设置</title>
<style>
.demo1{
width: 400px;
height: 200px;
background-color: #fff;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.demo2{
width: 400px;
height: 200px;
background:#fff url(bg.jpg) no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="demo1"></div><br />
<div class="demo2"></div>
</body>
</html>
|
更多编程相关知识，请访问：编程入门！！
以上就是css样式怎么插入背景图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
html+css实现网页滑动门效果实例分享
css中font-family是什么意思
如何利用css实现放大缩小关闭效果
教你一招搞定css背景图的大小
html实现自动清理js、css文件的缓存
2021年值得了解的10 个 css 功能（分享收藏）
css flex-basis属性怎么用
css中怎么将div居中显示图片
深入理解px、rem、em、vh、vw之间的区别
css怎么删除滚动条
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css样式怎么插入背景图片
