css背景图片代码

html-css021

css背景图片代码,第1张

1、首先在电脑端找到Dw软件,进行打开操作,然后新建一个html文件。

2、新建文件完成之后,写入一个div代码操作,如图所示。

3、写入div代码之后,引入一个css样式,如图代码操作所示。

4、引入样式代码之后,打开引入的css.文件,如图所示。

5、在新引入的css文件中,写入css背景图片代码即可,如图所示。

可以在CSS里面用background-image:url(你的图片地址)。这样来加入图片,展现到网页中。

<div id="bgimg"></div>

#bgimg {

background: #333 url(图片路径) center center no-repeat

}

第一个参数,图片底层的背景颜色,第二个参数,图片路径,第三个参数,图片上下的相对位置(其他参数left,right),第四个参数,图片左右的相对位置(top,bottom),第五个参数,图片的重复(其他参数 repeat,repeat-x,repeat-y)

扩展资料:

css背景图片代码:

{background-image: url(url)|none};指定要使用的一个或多个背景图像

例子代码:

<html>

<head>

<meta charset="UTF-8">

<title>背景图片</title>

<style>

body{background:#ddd}

.div1{

width:300px

height:150px

background-image:url(2.jpg)

}

</style>

</head>

<body>

<div>背景图片</div>

</body>