用代码的方式,给图片上标上文字,小编这里使用定位的方法,将文字定位到想要的任意位置。
1、在body中建立文字信息以及图片内容,也就是在header中包含两个同级,图片和文字。
2、在CSS中对文字图片进行简单样式添加。
3、效果如图所示;大盒子使用描边显示,里面包含了图片和下面的文字。
4、想要将文字弄到画面上去,这时候需要对header添加相对定位,对文字标签p添加绝对定位。
5、对文字添加了绝对定位后,如图效果,然后就需要对其设置下位置关系了。
6、位置关系通常就是topbottomleftright上下左右四个方向了。
7、定位到右上方位置,最后效果就是这样了。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
如何将一个HTML页面嵌套在另一个页面中
HTML有哪些静态模板页技术?
HTML中给图片上增加文字的代码怎么写?
HTML网页编程,有哪些不错的软件值得一用?
html5是什么?发展前景如何呢?
html中怎么从一个页面跳转到另一个页面?
怎么设置html文字背景颜色?
怎么设置html文字背景颜色?
如何修改wordpress网站中的html代码
html5有哪些新特性,移除了那些元素?
有哪些好用的HTML5绘图工具?
前端html源码可以不暴露接口吗?为什么?
HTML是门语言吗?是用来做网页的吗?
HTML网页中怎么写插入图片的代码?
HTML网页中怎么写插入图片的代码?
html中两行四列的表格怎么写?
html格式的网页怎么转换成ppt格式转换?
手机网站使用HTML5技术的优势和劣势有哪些?
HTML网页中如何引入地铁图?
html设置背景颜色,背景图片,插入图片?