写css背景图片代码可以参考以下：
<html>
<head>
<styletype="text/css">
body{background-image:url(abc.jpg)}
</style>
</head>
<body>
</body>
</html>
扩展资料：
1、背景图片语法：{background-image:url(url)|none}
2、背景固定语法：{background-attachment:fixed|scroll}
3、背景重复语法：{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4、背景定位语法：{background-position:数值|top|bottom|left|right|center}
参考资料来源：百度百科-CSS语法
如果你非要只用一个CSS就做出来，那么方法如下：
你用ps切出一个红色垂直方向比较长的线出来，然后设置background: url(图片路径) 20px 40px no-repeat
注：如果你不知道怎么切红线，那你就新建一个宽2px 高500px的图层并填充红色即可
其实最好的方法其实是在黑色边框这个div内部再嵌套一个div并设置左边线即可，位置应该不难控制的
