div+css如何把图片设为背景?

 我来答
贵阳小木子
推荐于2017-10-04 · TA获得超过117个赞
知道答主
回答量:32
采纳率:0%
帮助的人:49.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为不平铺。

有不清楚的继续交流吧!

匿名用户
2013-04-19
展开全部
背景图片属性(background-image)
这个属性为HTML元素设指尘空定兄斗背景图片唯瞎,相当于HTML中background属性。
在css里定义就行了啊!
background-image:url(../images/css_tutorials/background.jpg)">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-04-19
展开全部
你需在CSS里面设置背景图片!
然后把CSS样式给DIV就OK啦.就可以啦.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-04-19
展开全部
在CSS里面设置背景图片!
然后把CSS样式给DIV就OK啦
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
fireman24
2013-04-19 · 超过27用户采纳过TA的回答
知道答主
回答量:58
采纳率:0%
帮助的人:69.4万
展开全部
比如设置羡裤网页宏蠢整体的兄绝简背景图片,代码如下:
在body {background:url(图片地址路径)}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式