css背景图片代码

html-css064

css背景图片代码,第1张

写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并设置左边线即可，位置应该不难控制的