1、准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。
创新互联建站是一家专业提供林芝企业网站建设,专注与成都网站制作、成都网站设计、H5场景定制、小程序制作等业务。10年已为林芝众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
2、可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。
3、打开HBuilder开发软件并在Web项目中创建一个新的静态页面。将三个div元素插入body元素并将其类设置为AA，BB和CC。预览静态页面，您可以看到页面效果，即中上层和下层。
4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background-image： url(image.jpg)}。
5、css代码添加背景图片：1．背景颜色：background-color 语法：{background-color：数值} 注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。
6、打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。
创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。
布局知识：DIV+CSS布局，CSS布局是网页html通过div标签+css样式表代码开发制作的（html）网页的统称。div+css布局好处：便于维护，有利seo（谷歌将网页打开速度作为排名因素及SEO因素），网页打开速度更快，符合web标准等。
important申明的HTML标记选择符样式为红色文字。如果去掉！important，则依照优先权最高的ID选择符为黄色文字。 注释 你可以在CSS中插入注释来说明你代码的意思，注释有利于你或别人以后编辑和更改代码时理解代码的含义。
创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。
打开CSS样式面板使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。
首先使用Dreamweaver CS5创建新的CSS规则，然后可以设置下面的任意属性。 打开“CSS样式”面板。 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。
在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。
使用Dreamweaver CS5创建新的CSS规则 打开文档，将光标移动到要插入CSS规则的位置上，然后选择下面的任意一种方法打开“新建 CSS 规则”对话框。
先启动DW软件，新建文档，文档类型选择【HTML】-【XHTML0】，然后点击【创建】。点击创建后，DW会为之创建一个HTML文件，我们在body标签中加入一个div标签组。
在点击菜单栏上的Text|CSS Styles| Edit Style Sheet(或者直接按快捷键Ctrl+shift+E)，调出Edit Style Sheet（编辑样式表）对话框窗口。