准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。
创新互联服务热线：028-86922220，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联网页制作领域十多年，包括成都户外休闲椅等多个方面拥有丰富建站经验，选择创新互联，为企业保驾护航。
可以在CSS里面用background-image：url(图片地址)。这样来加入图片，展现到网页中。CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
打开HBuilder开发软件并在Web项目中创建一个新的静态页面。将三个div元素插入body元素并将其类设置为AA，BB和CC。预览静态页面，您可以看到页面效果，即中上层和下层。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background-image： url(image.jpg)}。
打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。
我们首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。
1、使用css3实现图片的阴影效果的原理一个图形需要带有一个主投影，另一个带有弧度的图形也有自己的阴影效果，让这两个图形发生重叠，让他们的颜色一致然后可以把弧度阴影露出来，这样看到的就是一个曲线阴影的效果。
2、首先创建一个圆角矩形，设置圆角半径为10px，之后我们会用css的border-radius属性实现。为矩形添加垂直方向的渐变，渐变颜色是从#dad8d8 到 #fcfcfc。
3、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display：block它。把它的宽高设置为height：0px； width：0px；设置边框border属性，用来实现三角形。
将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。
找到定义文章列表的css，然后加个小图标背景就行。
class=aui-iconfont aui-icon-left/div生成如下效果图。可以使用背景图设置，使用背景精灵图 把图标放在一张图片上面，通过定位位移来找到图片。切成小图标 一个位置对应一个图标。
方法如下：在头部中添加如下代码即可： 图标的格式必须是.ico格式，在网上有很多在线生成工具。
首先，代码中的title标签里是不能加图片的。但是浏览器标提栏前面是可以加一个小图标的。解决方案：第一步，做一个16 X 16像素的ico格式的图标。
选择【浏览】按钮。在本地找到你刚才设计保存的图标，并点击【打开】。这样图标地址就输入完成了，我们可以再把title名字修改成你的网站名称，如【百度经验】，保存后刷新网页可以看到我们网页的标题和图标都制作好。