css如何给div设置背景图

2025-09-27 02:00:58

1、打开编辑其,在编辑器里新建background.html,用来学习今天的内容

css如何给div设置背景图

2、在body标签里,新建一个名为test的div

css如何给div设置背景图

3、在css标签里,给test设置宽200px,高200px,粗细为1px的黑色边框线以及居中显示

css如何给div设置背景图

4、在浏览器中打开background.html,看下目前的效果

css如何给div设置背景图

5、回到编辑器,给test加上background: url(04.jpg)属性,此属性是给div设置背景图。

css如何给div设置背景图

6、再次在浏览器中打开background.html,看下最终的效果。

css如何给div设置背景图

7、此处贴一下代码,便于参考:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>css如何给div设置背景图</title>

</head>

<style>

.test{

width: 200px;

height: 200px;

border: 1px solid #000;

margin: 0 auto;

background: url(04.jpg);

}

</style>

<body>

<div class="test"></div>

</body>

</html>

1、总结:

1.打开编辑器

2.新建background.html

3.给class为test的idv加上基础属性

4.给class为test的idv加上background属性

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢