在css中，可以使用定位属性，让p元素显示在图片的右下角 。 下面小编举例讲解如何用css使p元素显示在图片的右下角 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1【如何用css使p元素显示在图片的右下角】新建一个html文件，定名为test.html，用于讲解若何用css使p元素显示于图片的右下角 。
文章插图
2在test.html文件内，在div标签内，利用img标签建立一张图片，利用p标签建立一行文字 。
文章插图
3在css标签内，经由过程class设置div的样式，界说它的宽度、高度为300px，并将它的定位属性设置为相对定位 。
文章插图
4在css标签内，再界说div内的img图片的样式，界说它的宽度与高度，让它布满整个div 。
文章插图
5在css标签内，再设置p标签的样式，将它的定位属性设置为绝对定位，设置bottom为0，即在底部显示，设置right为0，即为右边显示 。
文章插图
6在浏览器打开test.html文件，查看实现的结果 。
文章插图
总结：11、在div标签内，利用img标签建立一张图片，利用p标签建立一行文字 。 2、在css标签内，经由过程class设置div的样式，界说它的宽度、高度为300px，并将它的定位属性设置为相对定位 。 3、在css标签内，再界说div内的img图片的样式，界说它的宽度与高度，让它布满整个div 。 4、在css标签内，再设置p标签的样式，将它的定位属性设置为绝对定位，设置bottom为0，即在底部显示，设置right为0，即为右边显示 。 5、在浏览器打开test.html文件，查看实现的结果 。
以上内容就是如何用css使p元素显示在图片的右下角的内容啦，希望对你有所帮助哦！
推荐阅读
- wps演示中如何制作会议报告封面
- wps演示中如何制作星空几何形封面
- wps演示中如何制作炫彩杂志风目录样式
- wpsppt中如何制作蓝色商务风标题样式
- wpsppt中如何制作曲线流程时间轴
- wpsppt中如何进行橙色时尚型图文排版
- wps演示中如何制作个人工作计划封面
- wpsppt中如何制作黑白撞色型年终总结封面
- wpsppt中如何制作简约风通用型目录
- 如何注册谷歌账号