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);/*背景图片*/

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com