如何利用CSS+DIV实现背景为一条线，前景为图片效果？_IT百科

刚手写的，希望是你要的效果；可以兼容不同浏览器的水平和垂直居中

</body>

如果你要做的是一个页面的某一部分的话，那就调整top的值，设为固定值就行了

用边框

用背景,直接放在主容器里省的更多

设好垂直距离就可以了.

background: url((URL)) no-repeat 0px 50px

背景不重复,出现在垂直方向50xp的位置上

具体代码如下：

代码解释：border-bottom下边框 border-left 左边框

border-right 右边框 border-top上边框

以border-bottom:solid 1px green为例解释：

border简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width 规定边框的宽度。

border-style 规定边框的样式。

border-color 规定边框的颜色

如果不设置其中的某个值，也不会出问题，比如border:solid#ff0000也是允许的。

拓展资料：

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用id或class来标记<div>，那么该标签的作用会变得更加有效。

注释：<div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。

提示：请使用<div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

欢迎分享，转载请注明来源：内存溢出

如何利用CSS+DIV实现背景为一条线，前景为图片效果？