一、创建一个新的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宽度的大小并且是等比例自动缩放。
width:auto是宽度自动的意思。\9是hack css 的一种写法，这种在正常css代码后面加"\9"的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的。对此，还有其他hack css的写法。如：color:red//一般浏览器识别，字体颜色为红color:blue \9//IE8,IE9及以上版本识别，字体颜色为蓝*color:orange//IE7识别，字体颜色为橘色_color:black//IE6识别，颜色为黑顺序不能反过来，因为后面识别的会覆盖前面识别的，例如：IE7能识别带*的写法，也识别正常的写法。如果*的css样式写在前面，正常的写在后面，那么它将识别后面的写法。
