css背景图片代码

html-css011

css背景图片代码,第1张

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。

2、新建文件完成之后，写入一个div代码操作，如图所示。

3、写入div代码之后，引入一个css样式，如图代码操作所示。

4、引入样式代码之后，打开引入的css.文件，如图所示。

5、在新引入的css文件中，写入css背景图片代码即可，如图所示。

如果你非要只用一个CSS就做出来，那么方法如下：

你用ps切出一个红色垂直方向比较长的线出来，然后设置background: url(图片路径) 20px 40px no-repeat

注：如果你不知道怎么切红线，那你就新建一个宽2px 高500px的图层并填充红色即可

其实最好的方法其实是在黑色边框这个div内部再嵌套一个div并设置左边线即可，位置应该不难控制的