css背景图片代码

html-css047

css背景图片代码,第1张

写css背景图片代码可以参考以下:

<html>

<head>

<styletype="text/css">

body{background-image:url(abc.jpg)}

</style>

</head>

<body>

</body>

</html>

扩展资料:

1、背景图片语法:{background-image:url(url)|none}

2、背景固定语法:{background-attachment:fixed|scroll} 

3、背景重复语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}

4、背景定位语法:{background-position:数值|top|bottom|left|right|center}

参考资料来源:百度百科-CSS语法

01

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

02

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

03

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

04

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

background-image: url(12.jpg)

05

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

设置背景图片为当前目录下的demo.png的css代码是background-attachment。在HTML当中,要为某个对象加上背景色只有一种办法,先做一个表格,在表格中设置完背景色,再把对象放进单元格,比较麻烦,现在用CSS就可以轻松地直接搞定,而且对象的范围很广,可以是一段文字,也可以只是一个单词或一个字母。