一、创建一个新的HTML文件
二、创建HTML标记和内容。
三、预览效果如图所示。
四、设置左边框的宽度border-left-width: 15px。
五、预览效果如图。
六、设置左边框的宽度border-left-width: thin。
七、预览效果如图所示。
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html。
2、其次，在index.html中的<style>标签中，输入css样式代码：body {background: url(image7.jpg) no-repeatbackground-size: 250px}。
3、最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。
宽度根据父级来定的：百分比——100% -->width：100%；（此时宽度填满为父级的宽度）。要注意，如果不是填满你希望的宽度，那就是父级的宽度需要你调整了；
display：block；块元素自动占满一行宽
