用代碼的方式,給圖片上標上文字,小編這里使用定位的方法,將文字定位到想要的任意位置。
1、在body中建立文字信息以及圖片內容,也就是在header中包含兩個同級,圖片和文字。
2、在CSS中對文字圖片進行簡單樣式添加。
3、效果如圖所示;大盒子使用描邊顯示,里面包含了圖片和下面的文字。
4、想要將文字弄到畫面上去,這時候需要對header添加相對定位,對文字標簽p添加絕對定位。
5、對文字添加了絕對定位后,如圖效果,然后就需要對其設置下位置關系了。
6、位置關系通常就是topbottomleftright上下左右四個方向了。
7、定位到右上方位置,最后效果就是這樣了。