CSS代码怎么把小图片设为背景图

html-css019

CSS代码怎么把小图片设为背景图,第1张

01

首先看下html代码，一个空的div，什么内容都还没放上。

02

为这个div写上一些美化的样式。

03

刷新页面，看下效果，现在就是显示一个有边框的div。

04

要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。

background-image: url(12.jpg)

05

刷新页面看下现在的效果，可以看到div已经加上图片背景了。

<style type="text/css">

.nav{ background: url(../images/logo.jpg) center 251px no-repeat}

</style>

<div class="nav">

<p>请采纳吧！！！</p>

<p>是不是很神奇哈！！！</p>

</div>

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：img {position: absolutebottom: 80pxz-index: -1}。

3、浏览器运行index.html页面，此时实现了背景图片距离底部80px大小。