回覆列表
-
1 # 枕秋
-
2 # 加油小猴紙
html中可以用css相對定位讓文字在圖片的上面。
1、新建html文件，在body標籤中新增一個div標籤，然後在div標籤中新增img標籤和p標籤，這時文字和圖片是分開的：
2、分別為div標籤和p標籤新增“position: relative；”和“position: absolute；”，這時p標籤和div標籤就形成了相對關係：
3、為p標籤設定“top”和“left”屬性，屬性值為距離頂部和左側的長度，這時文字就會顯示在圖片的上面：
1、在div裡面書寫了一些文字，然後想要在放入一張圖片。
2、首先，我們應該先給div設定寬度和高度，保權證文字有一個範圍。
3、然後透過background給div新增一張圖片作為它的背景。
4、透過url()來連線圖片，url裡面放置的就是背景圖片的路徑。
5、放一張圖片用作背景，注意，路徑要寫對。
6、儲存之後文字就會覆蓋在圖片的上面了，而如果使用img標籤，則沒有這種效果。