網(wǎng)頁(yè)設(shè)計(jì)如何在背景圖片上編輯文字？網(wǎng)頁(yè)設(shè)計(jì)如何在背景圖片上編輯文字？首先，用CSS寫背景圖片，然后直接用HTML寫文本內(nèi)容。第二，用HTML寫你的文字內(nèi)容CSS樣式，。屏幕{position:rela

網(wǎng)頁(yè)設(shè)計(jì)如何在背景圖片上編輯文字？

網(wǎng)頁(yè)設(shè)計(jì)如何在背景圖片上編輯文字？

首先，用CSS寫背景圖片，然后直接用HTML寫文本內(nèi)容。第二，用HTML寫

你的文字內(nèi)容

CSS樣式，。屏幕{position:relative width:1280px height:720px overflow:Hidden}后跟包的兩個(gè)div，picture和text。Img{寬度：100%高度：100%溢出：隱藏邊界半徑：7px位置：絕對(duì)值}。簡(jiǎn)介{位置：絕對(duì)寬度：100%底部：-5pxz索引：20}Z索引：0 20是鎖定圖片頂部的文本

HTML:<div class=“box”><div class=“l(fā)eft”> left</div><div class=“right”> right</div>>css:.框{ 寬度：1000px溢出：hidden}.左{浮動(dòng)：左寬度：200px}。右{浮動(dòng)：右寬度：790px}通常，有多種方法可以向左浮動(dòng)、向右浮動(dòng)和清除父框的浮動(dòng)。在HTML中，可以使用CSS將文本定位在圖像的頂部。

1. 創(chuàng)建一個(gè)新的HTML文檔，將div標(biāo)記添加到body標(biāo)記中，然后將img標(biāo)記和P標(biāo)記添加到div標(biāo)記中。此時(shí)，文本和圖片分開：

2。在div標(biāo)簽和P標(biāo)簽上分別添加“position:relative；”和“position:relative；”。為P標(biāo)簽設(shè)置“top”和“l(fā)eft”屬性，屬性值是從頂部到左側(cè)的長(zhǎng)度。此時(shí)，文本將顯示在圖片的頂部