1、我这里做一个用于测试的div,您可以根据您的业务需求来精心布置您的页面。
2、我这里以id为d1的div为例,对其设置其背景等各种样式。
3、在head头部创建一个<style type="text/css&孥恶膈茯quot;></style>
4、因为我们的div 给了一个名为d1的id,因此我们在这里就使用div的id来控制添加样式。
5、我们首先设置div的宽度与高度。
6、接下来,我们便可以对div的背景进行设置,比如我们给div一个背景颜色。
7、如果您需要设置div的背景,给背景添加一个一张图片,那么您可以添加下图所示的代码,路径需要根据您图片所在地进行设置。
8、如果您的图片不能一张占满一个div,那么图片会平铺,您可以添加下图所示代码,让其不平铺。
9、您可以将您的图片放到div中的某个位置,下图所示参墙绅褡孛数中,您可以使用像素值,也可以跟我的一样,给它一个对其方式。我的代码是将图片放到右下角。
10、如果图片的尺寸不符合您的要求,您可以添加对它的尺寸进行设置。具体代码入下图所示:
11、设置完毕后,打开您的网页,即可饺咛百柘显示效果,我的具体效果如下,因为我们使用的图片与设置的参数不一样,显示效果也会有一些差异。
12、如果您的页面是静态页面,不需要编译即可运行。