文字浮在图片上方代码,Css代码库,德仔网

代码语言

代码分类

【Css】文字浮在图片上方

作者:英娴 / 发布于2018/11/13/ 1487

文字浮在图片上方

法一：将图片设为div的背景

HTML代码：

 <div style="width: 200px;height: 50px;background: url('1.png');background-repeat: repeat;margin: 0 auto;">
     文字浮在图片上方
 </div>


法二：利用图层方法

HTML代码：

<div style="width: 200px;height: 50px;margin: 0 auto;position: relative;z-index: 1;">
    <img src="1.png" style="width: 200px;height: 50px">
    <p style="position: absolute;z-index: 2;left: 0;top: 0;">文字浮在图片上方
</div>

　　

试试其它关键字

同语言下

可能有用的

英娴贡献的其它代码(25)

Copyright © 2004 - 2024 dezai.cn. All Rights Reserved 站长博客粤ICP备13059550号-3