html+css如何在图片上添加文字

 我来答
水果山猕猴桃
高能答主

2019-05-22 · 经不住似水流年,逃不过此间年少
水果山猕猴桃
采纳数:519 获赞数:110508

向TA提问 私信TA
展开全部

可以。

以html为例,步骤:

一、在body中建立文字信息以及图片内容,也就是在header中包含两个同级,图片和文字。

二、在CSS中对文字图片进行简单样式添加,效果如图所示;大盒子使用描边显示,里面包含了图片和下面的文字。

三、想要将文字弄到画面上去,这时候需要对header添加相对定位,对文字标签p添加绝对定位。

四、对文字添加了绝对定位后,如图效果,然后就需要对其设置下位置关系了。


五、位置关系通常就是top  bottom left right 上下左右四个方向了,最后完成了。

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
黄宗冠1
2018-06-09 · TA获得超过216个赞
知道小有建树答主
回答量:194
采纳率:88%
帮助的人:80万
展开全部

绝对定位了解一下。

<div class="box">
    <img src="图片路径">
    <p>我是文字我是文字</p>
</div>
.box{position:relative; width:500px;}
.box img{width:100%;}
.box p{position:absolute;width:300px;height:60px;left:100px;bottom:0px;}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式