当前位置:编程学习 > html/css >>

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

补充:就是一个DIV里面,放一张可以点击的图片,但是div要有背景,背景是一根横线。比如:一根尺子,上面放本书,尺子有被覆盖有可以看见。书就是图片,尺子就是横线
答案:刚手写的,希望是你要的效果;可以兼容不同浏览器的水平和垂直居中

<body style="margin:0; padding:0;">
 <div style="height:1px; background-color:#000; position:absolute; top:50%; left:0px; width:100%;"></div>
 <div style=" background-color:#000; position:absolute; top:50%; left:50%; width:200px; height:100px; margin:-50px 0 0 -100px; background-color:#00FFCC;">插入图片</div>
</body> 

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

上一个:HPH.语言好学吗? 没有编程基础,只懂一点点.对div+CSS比较熟. 一般多久时间能搞懂.能自己上手?
下一个:如何在HTML网页代码中分离出div css js 文本,如何调用?求教

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,