1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。
2、新建文件完成之后，写入一个div代码操作，如图所示。
3、写入div代码之后，引入一个css样式，如图代码操作所示。
4、引入样式代码之后，打开引入的css.文件，如图所示。
5、在新引入的css文件中，写入css背景图片代码即可，如图所示。
如果是chrome、IE8以上就简单写~这些浏览器有【开发人员工具】，快捷键【F12】，直接查看body的html代码，或者相关元素的html代码，开发人员工具中会显示与之对应的css属性，甚至标注着在哪个css文件中，第几行！然后就是打开他的背景图片就可以了，另存为即可！简单说：你首先要知道他的背景是如何添加上的，然后你要找到他的图片的位置，最后就是打开图片，另存为，或直接下载！
如果你非要只用一个CSS就做出来，那么方法如下：你用ps切出一个红色垂直方向比较长的线出来，然后设置background: url(图片路径) 20px 40px no-repeat
注：如果你不知道怎么切红线，那你就新建一个宽2px 高500px的图层并填充红色即可
其实最好的方法其实是在黑色边框这个div内部再嵌套一个div并设置左边线即可，位置应该不难控制的
