当前第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样式怎么插入背景图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css的flex怎么根据内容更改高度
css中的伪元素有什么作用
css写在html里面吗？
10款好看且实用的文字动画特效，让你的页面更吸引人！
html如何让链接不变色
css每条声明由一个什么组成
css怎么设置文字间距
css隐藏移动端滚动条并平滑滚动（代码示例）
css如何为元素设置背景图像
如何修改织梦css
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css样式怎么插入背景图片
