1、准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。
创新互联建站专注于阳江网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供阳江营销型网站建设，阳江网站制作、阳江网页设计、阳江网站官网定制、重庆小程序开发服务，打造阳江网络公司原创品牌,更为您提供阳江网站排名全网营销落地服务。
2、打开HBuilder开发软件并在Web项目中创建一个新的静态页面。将三个div元素插入body元素并将其类设置为AA，BB和CC。预览静态页面，您可以看到页面效果，即中上层和下层。
3、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background-image： url(image.jpg)}。
第一个盒子CSS命名为“divcs5-a”，第二个DIV盒子样式选择器命名为“divcss5-b”。
css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。
语法：overflow ：visible|auto|hidden|scroll参数：visible ： 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。
div id=abc/div 定义id为abc的这个div的CSS属性 在head下 style {width：100px；height：100px； overflow：scroll； } /style overflow：scoll；的意思是总显示滚动条。
这种需求写css即可，滚动条也有样式的，其名称为：-webkit-scrollbar、：-webkit-scrollbar-thumb、：-webkit-scrollbar-corner等。--- 题外话，模拟计算滑块的属性。
CSS中并没有可以设置滚动条宽度的的属性，而且滚动条的属性也就只有在IE上生效，而不是W3C的标准。
1、当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。
2、第一种：行内式样式插入CSS样式 在html文件中输入如上图所示的内容。这时候在使用浏览器打开，就实现插入CSS样式。如上图所示。第二种：嵌入式样式插入CSS样式 在html文件中输入如上图所示的内容。
3、CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。