div+css如何把图片设为背景?
发布网友
共6个回答
热心网友
关于的div+css是前端基础的问题，只要看看css手册就能明白。下面是我根据问题简单写了个例子，不清楚的可以继续交流。
css语法基础：
css背景图涉及到css中的～/ background语法；
实例：
<!DOCTYPE html><html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title Page</title>
<!-- Bootstrap CSS -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
}
.header-wrap {
width: 100%;
height: 130px;
background-color: #4ab0ff;
}
.logo {
width: 350px;
height: 100px;
background: url(./images/logo.png) no-repeat;
}
</style>
</head>
<body>
<div class="header-wrap">
<div class="container">
<h1 class="logo"></h1>
</div>
</div>
<!-- jQuery -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- Bootstrap JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
实例效果图：
实例效果图代码查看器中h1标签元素使用css的background背景图片，no-repeat为不平铺。
有不清楚的继续交流吧！
热心网友
背景图片属性(background-image)
这个属性为HTML元素设定背景图片，相当于HTML中background属性。
在css里定义就行了啊！
background-image:url(../images/css_tutorials/background.jpg)">
热心网友
你需在CSS里面设置背景图片！
然后把CSS样式给DIV就OK啦.就可以啦.
热心网友
在CSS里面设置背景图片！
然后把CSS样式给DIV就OK啦
热心网友
比如设置网页整体的背景图片，代码如下：
在body {background:url(图片地址路径)}
热心网友
background-image: url(bg.gif);/*背景图片*/
